Question

我可以使用样式表来检测页面元素上的自定义标记吗？

我想在stylehseet中添加一些功能，可以检测链接按钮上的disabled =“disabled”属性并将其灰显。

[UPDATE]

很棒的建议。这有效地解决了在Firefox和谷歌浏览器中没有显示为灰色的禁用按钮。以下是我在样式表中添加的内容，现在所有链接按钮都能正确呈现。

a[disabled]{  
  color:Grey !important;
 text-decoration:none !important;
  }

Answer 1

我认为你的意思是自定义属性？对此的CSS规则是（假设您的按钮是input元素）：

input[disabled="disabled"] {
    /* ... */
}

但是，这在IE6中不起作用。您最好的选择可能是在按钮上添加一个类（例如class="button-disabled"），然后将其设置为样式：

input.button-disabled {
    /* ... */
}

Answer 2

我很确定你可以做到以下几点（这里我假设你的“linkbutton”元素是一个“输入”元素）：

input[disabled="disabled"] {
    // Styling
}

史蒂夫

Answer 3

您可以使用css选择器执行此操作，但在某些浏览器中无效。此外，无论如何，我不会建议这样做。为什么不将禁用类添加到linkbutton？

Answer 4

您可以使用CSS2选择器（如果浏览器支持它。）在标签属性上显示样式。但是当我在IE8中使用“禁用”属性时，我发现了一些问题。默认的IE8显示标签被灰色禁用（样式表无法更改）。

从下面的代码中，FF3显示绿色超链接。但IE8显示灰色超链接。

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

<title>Ask a Question - Stack Overflow</title>
<style>
a[disabled="true"]
{
    color:Green !important;
}
</style>
</head>

<body>
 <a href="www.microsoft.com" disabled="true">Microsoft Site</a>
</body>
</html>

我可以使用样式表来检测页面元素上的自定义标记吗？

4 个答案: