zoukankan      html  css  js  c++  java
  • 修改输入框光标的样式

    需求:只修改输入框光标的样式,输入字体样式不变

    推荐方法·:

    input,
    textarea {
        font-size: 24px;
        padding: 10px;
         
        color: #0351FB; // 光标颜色
        text-shadow: 0 0 0 #212121; // 文本颜色
        -webkit-text-fill-color: transparent; // 隐藏原本文字
    }
    input::-webkit-input-placeholder,
    textarea::-webkit-input-placeholder{
        color: #F3F4FB;  // 改变placeholder文本颜色
        text-shadow: none;
        -webkit-text-fill-color: initial;
    }

    其他方法:

    1. 字体和光标同时改变
      input {
          color: red;
      }
    2. 有兼容性问题,低版本浏览器部分移动端不会显示
      input {
          caret-color: red;  // css3属性
      }
    声明:此资源由本博客收集整理,只用于记录心得和交流学习,请勿用作它途。如有侵权,请联系, 删除处理。
  • 相关阅读:
    直方图均衡
    k-means聚类方法
    核函数
    支持向量机(SVM)
    函数的定义和调用
    ES5新增方法
    继承
    构造函数和原型
    面向对象版tab 栏切换
    ES6中的对象与类
  • 原文地址:https://www.cnblogs.com/jzyu/p/15013891.html
Copyright © 2011-2022 走看看