2

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

.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，颜色变为浅灰色，但如果我将颜色设置为例如红色，则为亮红色。

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

4

2 回答 2

2

我认为您应该将其设置为readonly而不是disabled。

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

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/

于 2013-09-02T10:06:28.643 回答
1

这input[disabled]不是input:disabled

在你的情况下：

.list-default .value[disabled]
于 2013-09-02T09:39:49.330 回答