首页 > 其他分享 >input输入框、textarea文本框启用禁用属性disabled后给文字加粗加黑显示

input输入框、textarea文本框启用禁用属性disabled后给文字加粗加黑显示

时间:2023-07-22 10:22:48浏览次数:39  
标签:el textarea color 文本框 disabled input font

/deep/ input[disabled],
input:disabled,
input.disabled {
  -webkit-text-fill-color: #3a3f63; /*disabled里面字的颜色*/
  background: #f5f7fa;
  -webkit-opacity: 1;
  opacity: 1;
  cursor: not-allowed;
  font-family: 'Noto Sans SC';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
}
/deep/.el-textarea.is-disabled .el-textarea__inner {
  background-color: #f5f7fa;
  border-color: #e6e9f4;
  color: #3a3f63;
  cursor: not-allowed;
  font-family: 'Noto Sans SC';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
}

 

标签:el,textarea,color,文本框,disabled,input,font
From: https://www.cnblogs.com/zqlym/p/17572921.html

相关文章

  • textarea长度限制
    onpropertychange可以用来判断预定元素的value值,当元素的value值发生变化时判断事件就会被触发,仅关心被监测元素的value值,避开了输入的来源,从而可以比较理想地达成我们的限制字数这一目的。它属于JS范畴,可以在表单方框区代表中嵌套使用,以下是代码和效果样式,可以像上面那样测试输......
  • java怎么实现文本框不可编辑
    Java如何实现文本框不可编辑在Java中,文本框(TextField)是一种常用的界面组件,用于接收用户的输入。有时候,我们可能需要将文本框设置为不可编辑的状态,即用户无法在其中输入或编辑文本。本文将介绍如何在Java中实现文本框不可编辑的功能,并提供一个示例来解决一个实际问题。首先,我们需......
  • elementui文本框_element UI el-autocomplete组件 带输入建议的输入框
    elementui文本框_elementUIel-autocomplete组件带输入建议的输入框原文链接:elementui文本框_elementUIel-autocomplete带输入建议的输入框项目需求:需要用户在输入框中输入公司全名  但是为了避免用户输入不全  需要做一个带输入建议的输入框element组件:class......
  • 给input文本框添加灰色提示文字
    灰色提示功能大家都见到很多网站的文本框都有灰色提文字,一点即消失,鼠标一开又出现(没填写状态下)用下面这段短短的代码就可以实现啦!将这段代码加载input中!value="你的提示文字"onFocus="if(value==defaultValue){value='';this.style.color='#000'}"onBlur="if(!value){value=de......
  • 周五 GUI文本框
    文本框是JtextField类的对象这是一个温度转换程序主函数与前几次一模一样,只是面板内容的组件不同,这是面本类importjava.awt.*;importjava.awt.event.*;importjavax.swing.*;importjavax.xml.transform.sax.TemplatesHandler;publicclassFahrenheitPanelextendsJPanel{......
  • 2023-07-06 uview-ui组件u-checkbox设置label-disabled无效==》点击文本仍旧触发check
    解决方案:既然无效,那就给checkbox包裹的文本绑定一个点击事件,该点击事件使用.stop来阻止事件冒泡,这样点击文本就不会触发checkbox的change了,可以参考一下代码:<u-checkbox><[email protected]="stopBack"></View></u-checkbox>关键点:@click.stop注:改问题出自uview-ui1.......
  • javax.net.ssl.SSLHandshakeException: No appropriate protocol (protocol is disabl
    一、问题现场二、处理方案VMoptions"-Djdk.tls.disabledAlgorithms=SSLv3,TLSv1.1,RC4,DES,MD5withRSA,DHkeySize<1024,ECkeySize<224,3DES_EDE_CBC,anon,NULL,includejdk.disabled.namedCurves"Workingdirectory$ProjectFileDir$ 三、处理结果......
  • nested exception is java.sql.SQLException: connection disabled
    标题:解决SpringBoot连接数据库出现"connectiondisabled"异常在使用SpringBoot连接数据库时,有时候会遇到"nestedexceptionisjava.sql.SQLException:connectiondisabled"异常。这个异常通常是由以下原因引起的:数据库连接配置错误:检查数据库连接的URL、用户名和密码是否正确配......
  • ToggleSwitch ,MemoEdit多选文本框 MemoExEdit 多选文本框自带收缩
    ToggleSwitch   GlyphAlignment:设置复选框对其方式OnText/OffText:On/Off下显示的文本ValueOn/ValueOff:On/Off下的值和类型 事件:Toggle控件状态更改是触发获取值:stringa=this.toggleSwitch1.EditValue.ToString(); MemoEdit MaxLength:为0时无限制数据Scro......
  • 网格文本框输入,自动勾选
    //网格文本框输入,自动勾选$(function(){    $("input[type='text']").focus(function(){          $(this).parent().siblings("td[colname='MC']").children("input[type='checkbox']").attr("checked","c......