input disabled 不显示 placeholder

这篇具有很好参考价值的文章主要介绍了input disabled 不显示 placeholder。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

input:disabled::placeholder,  
textarea:disabled::placeholder {  
  opacity: 0;  
}

// 包含请字的才应用规则
input:disabled[placeholder*="请"]::placeholder,  
textarea:disabled[placeholder*="请"]::placeholder {  
  opacity: 0;  
}

文章来源地址https://www.toymoban.com/news/detail-740449.html

到了这里,关于input disabled 不显示 placeholder的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 微信小程序input的placeholder脱离文档流

    今天进行真机调试时input的提示词 placeholder脱离了文档流,但是奇怪的是input框没有脱离文档流 如下图所示: 微信开发工具正常:                                 真机: 不正常 脱离文档流               解决方法:  css 加上定位  效果: 这里记录一下  

    2024年02月16日
    浏览(63)
  • 小程序input的placeholder不垂直居中的问题解决

    input的placeholder不垂直居中,input设置高度后,使用line-height只能使输入的文字垂直居中,但是placeholder不会居中,反而会偏上。 首先placeholder样式自定义 有两种方法,第一种行内样式: 第二种加类名: 给input加上placeholder-class属性,然后给该属性 设置一个类名,在style中设置

    2024年02月11日
    浏览(37)
  • 微信小程序设置input框placeholder的字体大小

    给input框绑定 placeholder-class=\\\"placeholder-style\\\"这个属性。 绑定属性    设置样式  

    2024年02月16日
    浏览(50)
  • el-input/el-select placeholder样式修改

    目录 一、placehodler样式修改的方法 二、总结 1. 使用伪类 ::placeholder即可 。 2.其他标签也是在对应的Dom元素加上 ::placeholder伪类即可。 例如text-area,在.el-textarea__inner 类上加上伪类 ::placeholder即可 1)结果 2)代码 注: 是 sass语法:表示选择上一级元素 ; 下面的代码表示: 在.

    2024年02月09日
    浏览(50)
  • layui中使用JavaScript监听下拉框(select)的变化,根据选中的值来决定是否显示或隐藏input元素

    HTML和CSS用于设置网页的基本结构和样式,而JavaScript则用于实现交互功能,比如根据下拉框的选项来控制input元素的显示或隐藏。 以下是一个简单的例子,使用JavaScript监听下拉框(select)的变化,然后根据选中的值来决定是否显示或隐藏input元素: HTML: JavaScript: 在这个例子中

    2024年02月04日
    浏览(53)
  • 在input加了disabled属性后,如何触发点击事件?

    input标签 disabled属性说明 被禁用的input标签 既不可用,也不可进行点击 解决方案 使用readonly属性 来替换disabled属性 外套一层父标签,给父标签添加点击事件,并设置input的样式为\\\"pointer-events:none\\\" 去掉鼠标事件,然后通过冒泡触发到父标签上的点击事件。 冒泡事件 点击子标签

    2024年02月10日
    浏览(46)
  • 【uniapp】小程序中input输入框的placeholder-class不生效解决办法

    问题描述 uniapp微信小程序,使用input组件时,想要改变提示词 placeholder 的样式,但是使用 placeholder-class 改变不了 如下: 问题分析  如果你在使用`scoped`属性时无法改变`placeholder`的样式,可能是由于 样式的优先级问题 。在CSS中,选择器的优先级是根据其特定性和声明顺序来

    2024年02月04日
    浏览(48)
  • 【UI】 修改element-ui input输入框placeholder提示信息、占位符的样式

    如何修改 代码如下: 效果 案例展示 vue2.x代码 案例效果

    2024年02月15日
    浏览(45)
  • vue页面内更改状态,渲染视图(设置input的disabled属性)

    Vue不能检测到对象属性的添加或删除。由于 Vue 会在初始化实例时对属性遍历执行 getter/setter 转化过程,所以属性必须在 data 对象上存在才能让 Vue 转换它,这样才能让它是响应的。

    2024年02月16日
    浏览(52)
  • Web前端-JavaScript

    目录 1 概述 2 HTML嵌入JS代码三种方式 2.1 第一种方式 2.2 第二种方式 2.3 第三种方式 3 变量 4 数据类型 4.1 概述 4.2 Number数据类型  4.3 几个值得注意的函数 4.4 Boolean数据类型  4.5 String数据类型 4.6 关于Object类型 4.7 NaN、undefined、null的区别 4 函数 5 事件 5.1 JS中有哪些常用的事件

    2024年02月09日
    浏览(63)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包