asp.net - 我需要什么 CSS 样式才能使只读文本框控件看起来已禁用

Question

只是为了抢先回答“你为什么要这样做”这就是我正在做的:

如果单击另一个控件，我会调用 ajax 来获取服务器生成的值并将其填充到文本框中。然后，我在客户端将控件设置为只读(我不想禁用控件，因为我需要它进行回发，所以我设置了只读属性)。

不幸的是，作为 readOnly，它看起来“已禁用”

我想通过执行 .addClass 来获得禁用的文本框外观。

我尝试过各种风格，但我离获得那种造型还差得很远。

顺便说一句，这将在 IE 中(可能是 IE7 或更低版本，所以恐怕没有大纲样式)。

感谢收到的任何想法。

Answer 1

最好的方法是以正常方式禁用文本框，然后截取页面的屏幕截图并将其加载到图像编辑器程序中，并获取文本框背景的颜色、边框颜色等。然后您可以通过以下方式进行设置像这样的 CSS:

input.readOnlyTextBox
{
    background-color: #F2F2F2 !important;
    color: #C6C6C6;
    border-color: #ddd;
}

请记住，虽然禁用的外观在不同浏览器中看起来可能略有不同，但这将为您提供大致的禁用外观。