`

如何设置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后字体的颜色。

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

分享到:
评论

相关推荐

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

    在项目开发过程中遇到的一个具体问题就是:当组件被设置为`disabled`状态后,其外观呈现出一种较为模糊且颜色偏暗的灰色,这不仅与整体的设计风格不匹配,而且在某些背景下也很难识别。为了改善这一情况,需要对`...

    HTML5表单中新增的input输入类型3.pdf

    用户可以通过颜色选择器来设置他们喜欢的颜色。 除了这些新增类型,`input`元素还有一系列属性来增强表单的功能和行为,如`readonly`、`disabled`、`required`、`autofocus`、`pattern`等。`readonly`使输入框变为...

    HTML5-input表单控件调用代码_html5_表单_input_代码_控件_

    `input`标签在HTML中用于创建各种形式的用户输入控件。基本语法如下: ```html &lt;input type="type" name="name" value="value" /&gt; ``` 其中,`type`定义了输入控件的类型,`name`是控件的标识名,`value`则是默认...

    让input变成不可编辑状态的方法.docx

    在上面的代码中,我们使用了 CSS选择器来选择 readonly 或 disabled 属性的 input 元素,并将其背景颜色设置为灰色,光标设置为不可用状体。 5. 使用 HTML5 的新特性 在 HTML5 中,可以使用新的 input 属性,例如 ...

    十四种不同类型的input字段文字输入效果

    12. **color**:打开颜色选择器,让用户从预定义的颜色中选取。 13. **checkbox**:创建复选框,用户可以选择一个或多个选项,适合用于多选题。 14. **radio**:创建单选按钮,用户只能选择其中一个选项,常用于...

    HTML5表单中input元素及属性.pdf

    HTML5中的`&lt;input&gt;`元素是网页表单的核心组成部分,用于创建各种用户输入接口。它支持多种输入类型,使得开发者能够构建功能丰富的交互式表单。以下是对标题和描述中涉及的知识点的详细说明: 1. **输入类型(type...

    详解移动端HTML5页面端去掉input输入框的白色背景和边框(兼容Android和ios)

    在移动端HTML5页面开发中,有时我们希望对`input`输入框进行自定义设计,以使其更好地融入页面的整体风格。本篇文章将详细讲解如何去除`input`输入框在Android和iOS设备上的默认白色背景和边框,从而实现更加美观、...

    初级html代码学习.zip

    007-背景颜色和背景图片 008-图片 009-超链接或热链接 010-列表 011-表单form 012-用户注册的表单 013-下拉列表支持多选 014-file控件 015-readonly和disabled 016-input控件的maxlength属性 017-HTML中元素的id属性...

    jQuery中:disabled选择器用法实例

    在给定的内容中,提供了一个实际的操作示例,即将不可用的input元素的背景颜色设置为红色: ```javascript $("button").click(function(){ $("input:disabled").css("background-color","red"); }); ``` 这段代码...

    详解HTML的&lt;input&gt; 标签及其禁用方法

    禁用`&lt;input&gt;`标签是通过设置`disabled`属性实现的。当`disabled`属性被设置时,相应的输入元素将呈现为灰色且无法被用户激活或更改。例如: ```html &lt;input type="text" disabled="disabled" value="已禁用" /&gt; ``...

    jquery设置元素的readonly和disabled的写法

    另外,对于 `disabled` 和 `readonly` 属性,浏览器会自动处理对应的样式,如改变文字颜色和背景色,使其看起来不可用。 总之,通过 jQuery 的 `attr()` 和 `removeAttr()` 函数,我们可以方便地控制 HTML 元素的 `...

    css3 input按钮样式代码.zip

    - `input`标签在HTML中用于创建交互式控件,如按钮、文本框、复选框等。`type="button"`定义了一个普通按钮。 2. **CSS3按钮样式**: - `border-radius`属性用于设置圆角,可以让按钮看起来更加现代和友好。 - `...

    html表单控件禁用属性readonly VS disabled介绍

    在html中有两种禁用表单提交的方法,他们分别是:  1.给控件标签加\u4e0areadonly='readonly'属性  2.给控件标签加\u4e0adisabled='disabled'属性  例如:  &lt;input type=text value= readonly=readonly /&gt;...

    html表单属性readonly和disabled的使用方法

    `readonly`属性用于设置表单元素为只读状态,这意味着用户可以看到元素中的文本,但无法编辑它。这样的元素仍然可以正常提交,因此在表单提交时,服务器可以接收到`readonly`元素的`value`值。例如,在一个预填好的...

    HTML表单CSS

    - `input:disabled`: 禁用状态下的输入框,可以通过设置灰色背景和不透明度来呈现。 2. `checkbox`和`radio`按钮样式化: - `input[type="checkbox"]`和`input[type="radio"]`: 选择对应的复选框和单选按钮,可...

    HTML+CSS网页设计复习题.pdf

    2. input 标签的“disabled”属性用于设置表单元素的不可编辑状态。 3. HTML表单元素的type属性可以取多个值,如“submit”、“reset”、“image”和“button”,它们分别代表不同的按钮类型。 4. HTML文本标签的...

    javascript经典特效---按钮与input框.rar

    在这个“javascript经典特效---按钮与input框.rar”压缩包中,重点是探讨如何利用JavaScript来操作和美化HTML中的按钮元素(button)以及输入框(input)。 在HTML中,按钮元素通常用于触发一个动作,比如提交表单...

    html入门到放弃笔记

    1、编写一对 body 标记,在body标记中,嵌套一对 div标记,在 div 标记中 ,嵌套一对 a 标记,在 a标记中,嵌套一对 b 标记,b标记中,随意编写一些文本 &lt;body&gt; 这是一段测试文本 &lt;/body&gt; ...

    HTML控件和Web服务器控件.ppt

    - **Style**:用于设置控件的样式,如颜色、字体、大小等,可以通过CSS属性进行详细定制。 - **Attributes**:可以添加自定义的HTML属性。 - **Visible**:控制控件是否在页面上显示。 - **Disabled**:禁用控件,使...

    Java0基础_day16_Javaweb前端_HTML_CSS_mysql(csdn)————程序.pdf

    如果设置了 `disabled` 属性,该表单域不会被提交;而 `readonly` 属性则使表单域变为只读,值仍可作为参数传递。 CSS(层叠样式表)是用来控制HTML元素外观和布局的样式语言。它可以用来设置颜色、字体、布局、...

Global site tag (gtag.js) - Google Analytics