日期选择框不可读后 改变颜色

本文介绍了四种修改HTML中禁用(input disabled)元素样式的技巧,包括改变文字颜色、背景色及使用readonly属性等替代方案。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

方法一:  

亲测可用

去掉单击事件就不可读了,哈哈哈哈,颜色随意改变,不用disabled




<input name="expiryDate" id="expiryDate" type="text" readonly="readonly" maxlength="20" class="input-large Wdate "   value="<fmt:formatDate value="${knowledge.expiryDate}" pattern="yyyy-MM-dd HH:mm:ss"/>" <c:if test="${!(knowledge.state eq '1' || knowledge.state eq '2')}" >

onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',isShowClear:true});"

</c:if>

style="color:red"/>


方法二:改变背景色

w3school上的应该不会有错,可我的颜色就是死活出不来,你们可以试试,

 http://www.w3school.com.cn/cssref/selector_disabled.asp

input[type="text"]:disabled
{ 
background-color: #dddddd;
}
方法三:
select[disabled='disabled']::-ms-value {
    color: #000;

}



方法四:

input[disabled]{color:#fff;opacity:1}disabled 默认是0.3,所以样式里一定要加 opacity:1
 祝你们好运,总有一个能用的,或者就像我一样换个思路,用readonly  或者 选择性去掉单击事件

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

你好龙卷风!!!

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值