`

如何设置html中disabled的input的颜色

 
阅读更多

直接通过css来直接修改html中disabled的input的背景颜色 
示例代码如下：

<html>
<head>
    <style>
      input{background:expression((this.disabled && this.disabled==true)?"#f0f0f0":"")}
    </style>
</head>

<body>
   <form>
      <input type="text" value="ooooo" disabled>
      <input type="text" value="iiiiii">
   </form>
</body>
</html>

 

因为disabled后灰色有点看不清楚，但是没想到如何改变disabled后字体的颜色。

如果哪位大侠有不错的可以实现的想法，可以支招

分享到：
| Win7系统在cmd中telnet提示不是外部或内部 ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    用jquery设置按钮的disabled属性的实现代码

    在html标签中设置按钮被禁用，可以使用如下代码 &lt;input type=’button’ id=’test’ value=’disabled’&gt; 在jquery中可以使用attr()函数修改按钮的disable属性 $(“#test”).attr(‘disabled’,false); ...

    通过disabled和readonly将input设置为只读效果

    有两种方式可以实现input的只读效果：disabled 和 readonly。 自然两种出来的效果都是只能读取不能编辑，可是两者有很大不同。 Disabled说明该input无效，及其value不会传递给任何程序，比如asp、php等。 Readonly...

    Vue动态控制input的disabled属性的方法

    有时候会有这样的需求，新增的时候可以输入，但是无法修改，此时就需要通过控制input标签的disabled属性来实现，那vue是如何动态设置input输入框的disabled属性的呢？ 输入框的html源代码 配置项 v-bind:disabled=...

    web组件disabled之后灰色变亮样式调整

    组件disabled之后灰色变亮样式调整组件disabled之后灰色变亮样式调整组件disabled之后灰色变亮样式调整

    怎样通过disabled和readonly将input设置为只读效果.docx

    怎样通过disabled和readonly将input设置为只读效果.docx

    javascript中input中readonly和disabled区别介绍

    但是表单元素在使用了disabled后，当我们将表单以POST或GET的方式提交的话，这个元素的值不会被传递出去，而 readonly会将该值传递出去(这种情况出现在我们将某个表单中的textarea元素设置为disabled或readonly，...

    html form表单input使用disabled后提交不能获取表单值的解决方法

    form表单输入框input设置disable属性提交后，得不到该输入框的值，解决该类问题可以参考下面两个方法： 方法一： 使用readonly带替代disabled，即把 disabled="disabled" 修改为 readonly="readonly" 二者区别： ...

    微信小程序点击按钮动态切换input的disabled禁用/启用状态功能

    点击编辑按钮时，文字切换成“保存”，身份证input保持始终不可修改状态（即禁用）， 姓名input可以修改（即动态加载切换禁用/启用）； 3.再次点击按钮文字切回“编辑”，所有input变为禁用状态。 以下是wxml部分 ...

    使用HTML开发商业网站-表单控件-input课件.pptx

    使用HTML开发商业网站 表单控件-Input控件 ...input控件在页面中的显示宽度 readonly readonly 该控件内容为只读（不能编辑修改） disabled disabled 第一次加载页面时禁用该控件（显示为灰色） chec

    form表单中的Input使用disabled不能提交的解决方法

    form表单中的Input使用disabled导致不能提交，经测试终有一解，具体如下，希望遇到类似问题的朋友可以参考下，希望对大家有所帮助

    可设置文字颜色的listbox

    2）设置此控件属性：Has Strings : true owner draw : fix or variable selection : single 其他的属性随意。 3）为此控件添加变量，变量类型为类CColorListBox 4）接下来用CColorListBox重载的方法AddString等...

    VUE.js实现动态设置输入框disabled属性

    今天小编就为大家分享一篇VUE.js实现动态设置输入框disabled属性，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

    浅谈html中input只读属性readonly和disable的区别

    下面小编就为大家带来一篇浅谈html中input只读属性readonly和disable的区别。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

    disabled属性

    disabled属性disabled属性disabled属性disabled属性disabled属性disabled属性

    elementUI 设置input的只读或禁用的方法

    PS：下面看下elementui通过 disabled 属性指定是否禁用 input 组件，如何用DOM操作取消disabled 属性 &lt;!DOCTYPE html&gt; &lt;html lang=en&gt; &lt;head&gt; &lt;meta charset=UTF-8&gt; &lt;meta name=...

    使用jQuery设置disabled属性与移除disabled属性

    但是表单元素在使用了disabled后，当我们将表单以POST或GET的方式提交的话，这个元素的值不会被传递出去，而readonly会将该值传递出去（这种情况出现在我们将某个表单中的textarea元素设置为disabled或readonly，...

    在Disabled的控件上顯示ToolTip

    在Disabled的控件上顯示ToolTip 在WINFORM中,如果一个控件有设置tooltip,那么鼠标移上去会显示出提示文字.但是当此控件的Enabled=false时,这个Tooltip是无效的. 本示例就是用来解决这个问题.

    HTML中Select不用Disabled实现ReadOnly的效果

    方法如下： 代码如下:&lt;select onbeforeactivate=”return false” onfocus=”this.blur()” onmouseover=”this.setCapture()” onmouseout=”this.releaseCapture()”&gt; &lt;option&gt;1 &lt;...

Magicbox
Global site tag (gtag.js) - Google Analytics