Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html Can';IE6中的t型输入字段,为什么?_Html_Css_Forms_Xhtml - Fatal编程技术网

Html Can';IE6中的t型输入字段,为什么?

Html Can';IE6中的t型输入字段,为什么?,html,css,forms,xhtml,Html,Css,Forms,Xhtml,我知道,我知道IE6,对吗?好吧,不管争论有多激烈,我现在必须请IE6 我有一个文本输入字段。我要设计它的字体和背景色。但我无法让IE6显示我正在更改的更改。在这里这是我的标记和css <style> input[readonly='readonly'], input.readonly { color:red !important; background:#EBEBE4 !important; border:solid 1px #7F9DB9 !imp

我知道,我知道IE6,对吗?好吧,不管争论有多激烈,我现在必须请IE6

我有一个文本输入字段。我要设计它的字体和背景色。但我无法让IE6显示我正在更改的更改。在这里这是我的标记和css

<style>
    input[readonly='readonly'], input.readonly {
    color:red !important;
    background:#EBEBE4 !important;
    border:solid 1px #7F9DB9 !important;
    cursor:default;
}
</style>
但我不确定我要做什么才能让IE6识别“只读”类

有什么想法吗?

尝试使用

input[readonly] {
    // stuff
}
试用

input[readonly] {
    // stuff
}
但是,如果使用jQuery,它会抽象掉属性选择的概念

$('input[readonly=“readonly”]')。addClass(“…”)
可以工作。

但是,如果使用jQuery,它会抽象掉属性选择的概念


$('input[readonly=“readonly”]')。addClass(“…”)
可以工作。

IE6不支持属性选择器,我认为您只需要去掉
input[readonly='readonly']
,这可能会解决您的问题

2个备选解决方案:

  • 输入中添加class属性(就像您所做的那样)
  • 使用Javascript

IE6不支持属性选择器,我认为您只需要去掉
输入[readonly='readonly']
,这可能会解决您的问题

2个备选解决方案:

  • 输入中添加class属性(就像您所做的那样)
  • 使用Javascript

IE6会被
输入[readonly='readonly']
选择器弄糊涂,并将整个规则视为语法错误。您必须创建两个不同的规则才能使其正常工作:

<style>
    input[readonly='readonly'] {
    color:red !important;
    background:#EBEBE4 !important;
    border:solid 1px #7F9DB9 !important;
    cursor:default;
}
    input.readonly {
    color:red !important;
    background:#EBEBE4 !important;
    border:solid 1px #7F9DB9 !important;
    cursor:default;
}
</style>

输入[readonly='readonly']{
颜色:红色!重要;
背景:#EBEBE4!重要;
边框:实心1px#7F9DB9!重要;
游标:默认值;
}
input.readonly{
颜色:红色!重要;
背景:#EBEBE4!重要;
边框:实心1px#7F9DB9!重要;
游标:默认值;
}

IE6被
输入[readonly='readonly']
选择器弄糊涂了,并将整个规则视为语法错误。您必须创建两个不同的规则才能使其正常工作:

<style>
    input[readonly='readonly'] {
    color:red !important;
    background:#EBEBE4 !important;
    border:solid 1px #7F9DB9 !important;
    cursor:default;
}
    input.readonly {
    color:red !important;
    background:#EBEBE4 !important;
    border:solid 1px #7F9DB9 !important;
    cursor:default;
}
</style>

输入[readonly='readonly']{
颜色:红色!重要;
背景:#EBEBE4!重要;
边框:实心1px#7F9DB9!重要;
游标:默认值;
}
input.readonly{
颜色:红色!重要;
背景:#EBEBE4!重要;
边框:实心1px#7F9DB9!重要;
游标:默认值;
}

我应该提到,在这种情况下,第一条规则显然是多余的。我只是从一个类似的例子中复制了这个例子,在这个例子中,
readonly
类被添加了一个IE6特定的脚本,在这种情况下,有必要复制规则。谢谢Martin,独立规则的事情把我抛到了脑后。上帝永远是一个皮塔!我应该提到的是,第一条规则在这种特殊情况下显然是多余的。我只是从一个类似的例子中复制了这个例子,在这个例子中,
readonly
类被添加了一个IE6特定的脚本,在这种情况下,有必要复制规则。谢谢Martin,独立规则的事情把我抛到了脑后。上帝永远是一个皮塔!