javascript - 更改禁用的字体颜色

标签 javascript css fonts disabled-control

这是一个列表,其中一个列表已禁用。如你们所知,禁用时字体颜色为灰色。我使用的是IE9,我想改变字体颜色。有谁知道如何更改禁用的字体颜色???

这是我的代码:

<table id="list" cellspacing="0" border="1" style="border-collapse: collapse;">
<tr disabled bgcolor =#EAEAEA  style="color:#ea0000;">
<td>name</td>
<td>email</td>
</tr>
<tr class="nameMail" onclick='op()'>
<td id="a">&nbsp</td>
<td id="b">&nbsp</td>
</tr>
</table>

最佳答案

您的代码无效。

你会做这样的事情:

 input[type="text"]:disabled
 {
    color:#ea0000;
 } 

此外,“禁用”选择器应该主要与表单元素和控件一起使用。

如果您愿意,可以使用 tds 中的按钮,如下所示:

  <table id="list" cellspacing="0" border="1" style="border-collapse: collapse;">
      <tr bgcolor="#EAEAEA"  style="color:#ea0000;">
        <td><button disabled>name</button></td>
       <td><button disabled>email</button></td>
      </tr>
      <tr class="nameMail" onclick='op()'>
        <td id="a">&nbsp</td>
        <td id="b">&nbsp</td>
     </tr>
   </table>

您还需要像这样更新 css 以消除按钮边框。

  button{
   border:0;
   color:#ea0000;
   }

  button:disabled
  {
   color:#000;
  }

关于javascript - 更改禁用的字体颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13522187/

相关文章:

android - flutter:自定义字体没有显示效果

css - 父容器具有自动边距时字体图标模糊

javascript - 如何在Xpage中将Editbox的模式从阅读模式更改为编辑模式?

css - Less CSS 在 HTTP 服务器上不起作用

java - 无法将 CSS 应用于 MouseEvent 上以编程方式创建的 Pane

jquery - 如何将 css 脚本和 jquery 脚本添加到 Laravel @extends ('layouts.app' ) @section ('content' )

ios - 修改UINavigationBar标题字体和文字颜色的方法

javascript - 下拉列表中选定的值在下拉列表中显示两次

javascript - 在 JavaScript 中创建对象的更好方法是什么?

javascript - 如何检查最后动态添加的元素是什么并运行特定函数