Question

我有一个带有类的输入字段：

.list-default .value 
{
    font-size: 14px;
    font-weight: bold;
    color: #333333;
    float: left;
    width: 55%;
    background-color: transparent;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 12px 0px 10px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.list-default .value:disabled
{
    opacity:1;
    font-size: 14px;
    font-weight: bold;
    color: #000000 !important;
    float: left;
    width: 55%;
    background-color: transparent;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 12px 0px 10px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

当我使用jquery或html将禁用放入true时，颜色变为浅灰色，但如果我将颜色设置为红色，则显示为红色。

即使禁用输入文本颜色，如何才能使输入文本颜色相同？

Answer 1

我认为您应该将其设置为只读而非禁用。

您也可以在其上应用样式。

<强> HTML：

<form name="fish">
    <input type="text" name="big" value="Big Fish">
    <input type="text" name="little" value="Little Fish">
    <input type="text" name="tiny" value="Tiny Fish" readonly>
</form>

<强> JavaScript的：

document.forms['fish']['big'].readOnly = true;

<强> CSS：

input[readonly] {
    color: #999;
}

查看下面的小提琴：

http://jsfiddle.net/655Su/1/

Answer 2

input[disabled]而非input:disabled

在你的情况下：

.list-default .value[disabled]

使禁用的输入保持相同的颜色，如启用

2 个答案: