首页 > 其他分享 >iview-input placeholder 样式修改

iview-input placeholder 样式修改

时间:2024-01-27 20:05:43浏览次数:21  
标签:color deep ivu 87cfff input placeholder iview

/deep/ .ivu-input::-webkit-input-placeholder {
          color: #87cfff;
        }
        /deep/ .ivu-input::-moz-placeholder {
          /* Mozilla Firefox 19+ */
          color: #87cfff;
        }
        /deep/ .ivu-input::-moz-placeholder {
          /* Mozilla Firefox 4 to 18 */
          color: #87cfff;
        }
        /deep/ .ivu-input::-ms-input-placeholder {
          /* Internet Explorer 10-11 */
          color: #87cfff;
        }

 



标签:color,deep,ivu,87cfff,input,placeholder,iview
From: https://blog.51cto.com/u_15600733/9444214

相关文章

  • el-input el-tree组件 问题:blur先于click触发怎么解决
    页面构造 使用mousedowm触发比blur更早,因为是组件所以得使用native,prevent阻止默认事件然后this.$refs.parentInput.focus();让焦点保持,点击展开或关闭箭头时候让焦点存在,点击节点的时候让页面关闭要兼容筛选效果,做了一个临时tempNode用于存放之前选择的对象,这样当在未进......
  • 解决IE浏览器textarea标签placeholder不生效的问题
    IE10给textarea设置了placeholder,F12控制台打印document.getElementById(id).getAttribute('placeholder'),可以看到placeholder的值,但是浏览器不显示,可以再添加如下代码显示出来,不需要引用JQuery,前提是该元素已经设置了placeholder属性,并且浏览器支持placeholder,IE8和IE9不支持,参......
  • el-table中嵌入el-input无法编辑数据的问题
    最近在写一个在表格中修改表格数据的需求。正常在表格中嵌套el-input,但是无法编辑保存数据。后来发现是数据其实保存了,但是页面上没有更新。通过以下方法得以解决以下是部分代码,有需要可以自己补全<el-table-columnlabel="图片名称"align='center'> <templateslot-scop......
  • input标签不同的type属性值:password、text、checkbox、button、radio
    input标签用于搜集用户信息根据不同的type属性值,输入字段拥有很多形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。type属性:button:定义可点击的按钮checkbox:定义复选框file:定义输入字段和“浏览”按钮hidden:定义隐藏的输入字段。image:定......
  • filebeat的input插件通用字段
    [root@elk02kafka]#cat~/config/04-log-to-console.yml#指定输入类型filebeat.inputs:###指定输入的类型为“stdin”,表示标准输入-type:log enabled:false paths:  -/tmp/test.log  -/tmp/*.log-type:log enabled:true paths:  -/tm......
  • input聚焦,label上移效果
    有一个输入框,有一行lable提示文案,当输入框聚焦,文案上移<divclass="input-area"><inputtype="text"class="__input"required/><labelfor=""class="__tip">Input...</label></div>.input-ar......
  • 2024-1-19事件绑定,input与hover事件
    目录事件绑定,input与hover事件事件绑定hover事件input事件事件绑定.on()方法注意:off()方法事件绑定,input与hover事件在jQ内很多中事件常用的事件有下面的click(function(){...})//绑定一个点击事件hover(function(){...})//悬停触发事件blur(function(){...})//失焦事件处理......
  • 2024-1-19事件绑定,input与hover事件
    目录事件绑定,input与hover事件事件绑定hover事件input事件事件绑定,input与hover事件在jQ内很多中事件常用的事件有下面的click(function(){...})//绑定一个点击事件hover(function(){...})//悬停触发事件blur(function(){...})//失焦事件处理focus(function(){...})//焦点......
  • 数据输入(input)语句
     ......
  • IOS移动端,表单input聚焦时页面放大的问题解析以及解决办法
    在移动端开发H5项目中,发现页面在使用iPhone访问的时候,点击input和textarea等文本输入框聚焦focus()时,页面会整体放大,而且失去焦点之后页面不能返回原来的样子。原因:苹果系统觉得点击输入框放大是一个“很好”的体验,就擅自把页面给放大了,触发机制,IOS端input字体应大于15px,否......