CSS 在 IE7 中不起作用,在其他浏览器中起作用

发布于 2024-11-30 18:21:12 字数 596 浏览 0 评论 0原文

<html>
<head>
<style>
#content input[type=text]
{
    color: green;
}
</style>
</head>
<body>
<div id="content">
<input type="text" value="Some Text" />
</div>
</body>
</html>

以下是它在 FireFox 中的呈现方式(字体为绿色):

在此处输入图像描述

以下是它在 Internet Explorer 7 中的呈现方式(字体 为绿色):不是绿色):

在此处输入图像描述

更新: 添加 DTD 解决了该问题当输入设置为disabled="disabled"时,IE7仍然不会显示指定的颜色。

<html>
<head>
<style>
#content input[type=text]
{
    color: green;
}
</style>
</head>
<body>
<div id="content">
<input type="text" value="Some Text" />
</div>
</body>
</html>

Here's how it renders in FireFox (font is green):

enter image description here

Here's how it renders in Internet Explorer 7 (font is not green):

enter image description here

Update: Adding the DTD solved the issue, however when the input is set to disabled="disabled", IE7 still won't show the specified color.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(5

谁把谁当真 2024-12-07 18:21:12

您需要为 IE7 添加严格的文档类型以支持带有值的属性选择器。

http://msdn.microsoft.com/nl-nl/library/aa770069

使用这样的文档类型,在不破坏此功能的情况下尽可能宽松:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" 
"http://www.w3.org/TR/html4/loose.dtd">

或者如果可以的话,使用更新且更严格的文档类型。

You'll need to add a strict doctype for IE7 to support attribute selectors with a value.

http://msdn.microsoft.com/nl-nl/library/aa770069

Use a doctype like this, which is about as loose as you can get without breaking this functionality:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" 
"http://www.w3.org/TR/html4/loose.dtd">

Or rather use a more recent and more strict one, if you can.

随心而道 2024-12-07 18:21:12

您正在 Quirks 模式下运行您的网站。使用以下文档类型或类似的

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

You are running your site in Quirks mode. use the following doctype or similar

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
燕归巢 2024-12-07 18:21:12

初学者可以试试这个

try this for starters <style type="text/css">

拥有 2024-12-07 18:21:12

尝试使用引号:

input[type="text"]

或者,使用一个类并将该类应用于所有文本输入。

Try using quotes:

input[type="text"]

Alternatively, use a class and apply that class to all of your text inputs.

哥,最终变帅啦 2024-12-07 18:21:12

也许不是你想要的,但至少它有效;)

<html>
<head>
<style type="text/css">
.green {
    color: green;
}
</style>
</head>
    <body>
        <div id="content">
            <input type="text" class="green" value="Some Text" />
        </div>
    </body>
</html>

Maybe not what you wanted, but at least it works ;)

<html>
<head>
<style type="text/css">
.green {
    color: green;
}
</style>
</head>
    <body>
        <div id="content">
            <input type="text" class="green" value="Some Text" />
        </div>
    </body>
</html>
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文