`
joerong666
  • 浏览: 418366 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

直接通过css来直接修改html中disabled的input的颜色

HTMLCSS 
阅读更多

直接通过css来直接修改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>
分享到：
| 一些常用的正则表达式（JS）
评论
1 楼 ronnin 2008-07-07  
怎么改前景色
color 样式属性 disabled 时， 不起作用
发表评论

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

相关推荐

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

    以上代码示例中，`.disabled-style`类定义了一系列针对`disabled`状态元素的样式规则，然后通过`@extend`语法（这里假设使用了预处理器如Sass/SCSS）将这些规则应用到了`input[disabled]`选择器上。实际使用时，可以...

    使用css禁用input、checkbox、select等html控件实现disable效果

    用js的event可以用来阻止input,select,checkbox的默认事件，如 event.preventDefault() event.stopPropagation() ...以上所述是小编给大家介绍的使用css禁用input、checkbox、select等html控件实现disable

    css3 input按钮样式代码.zip

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

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

    首先，我们可以考虑不使用"disabled"属性，而用其他方法来阻止用户输入，比如通过JavaScript将输入框的值设置为只读，或者通过CSS隐藏输入框。这样用户无法修改输入框内容，同时表单仍然可以正常提交。这种方法的一...

    CSS的ime-mode屏蔽中文输入法

    在标题提到的“CSS的ime-mode屏蔽中文输入法”中，主要关注的是如何使用`ime-mode`属性来防止用户在特定输入框中使用中文输入法。例如，如果你有一个专门用于输入数字的表单字段，可能不希望用户能使用拼音输入法...

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

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

    HTML表单CSS

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

    Ant design vue 的组件禁用属性 disabled.pdf

    在编程中，布尔值的误用是常见的错误，因此作者通过写博客来强调这一点，希望读者能加深印象，避免犯同样的错误。 使用`disabled`属性时，应注意以下几点： 1. **全局状态管理**：如果你的应用程序使用了全局的...

    CSS错题本 前端 面试

    - `readonly`属性使input字段变为只读，用户不能直接编辑，但可以通过脚本修改其值，并且该值会随表单提交。 - `disabled`属性则在加载时禁用input元素，不仅用户无法修改，而且其值不会随表单一起提交。同样，...

    antd-input-tag.zip

    2. **自定义样式**：Antd Input Tag支持自定义样式，通过CSS或者使用内联样式修改标签的外观，包括颜色、大小、边距等。此外，还可以通过props如`className`和`style`来调整组件的整体样式。 3. **禁用和读-only...

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

    12. （12）：HTML中的注释标签是`&lt;!-- --&gt;`。 13. （13）：`&lt;strong&gt;`标签的作用是加粗文本。 14. （14）：网页中的空格在HTML代码中表示为`&nbsp;`。 15. （15）：用类选择器定义样式的例子是`.one{color:red;}`。 ...

    html+css网页设计复习题(可编辑修改word版).docx

    `disabled` 属性则用于禁用表单元素，使其呈灰色且不可编辑，如 `&lt;input type="text" disabled&gt;`。 2. **按钮类型**：`type="submit"` 创建提交按钮，用于提交表单；`type="reset"` 创建重置按钮，用于清空表单数据...

    html+css+js实现简易计算器.zip

    在这个计算器中，CSS可能被用来设置按钮的大小、颜色、边距、对齐方式，以及整个计算器的背景色、字体样式等。CSS通过选择器来定位HTML元素，并应用样式规则。 ```css #calculator { display: flex; flex-...

    HTML+CSS的后台管理系统

    6. 状态管理：通过CSS类（如.active、.disabled）来控制元素状态，展示用户交互反馈。 总结，HTML+CSS的后台管理系统不仅要求功能完善，还需具备良好的可读性和可维护性。开发者需要熟练掌握HTML的语义化标签和CSS...

    JSoup CSS选择器用法大全

    CSS 选择器是用于选取 HTML 或 XML 文档中元素的语法，它们在网页爬虫、页面解析以及动态网页内容的提取中扮演着重要角色。下面将详细介绍 JSoup 支持的各种 CSS 选择器及其用法。 1. **基本选择器**： - `*`: ...

    html+css网页设计复习题(可编辑修改word版).pdf

    2. **`disabled` 属性**：`disabled` 属性用于表单元素，如文本框（`&lt;input type="text"&gt;`），使得这些元素在预览时呈现为灰色，用户无法编辑。 3. **按钮类型**：`&lt;input&gt;` 标签的 `type` 属性有多种值，如 `...

    html5中去掉input type date默认样式的方法

    通过本文的介绍，我们可以得出，去除HTML5中input type="date"默认样式的主要手段是利用CSS伪元素来覆盖控件的默认样式，以及在必要的情况下使用JavaScript和第三方库来实现更复杂的定制。这可以让开发者创建出更加...

    css 的东东 多看看

    1. **按钮方式**：通过HTML `&lt;input&gt;` 元素创建一个按钮，设置`onClick`属性来调用JavaScript函数，改变`location.href`，实现页面跳转。 2. **链接方式**：使用HTML `&lt;a&gt;` 标签，通过`javascript:history.go(-1)`...

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