如何修改 input 输入框光标的颜色?

        

          
            
            CSS
          
          
        

        

          
123

          input {
    caret-color: skyblue;
}

如何修改 placeholder 的颜色？

        

          
            
            CSS
          
          
        

        

          
123

          input:-webkit-input-placeholder {
    color: #ccc;
}

移动端输入框获取焦点时显示搜索按钮？

        

          
            
            HTML
          
          
        

        

          
123

          <form>
	<input type="search" />    
</form>

移动端键盘如何显示纯数字？

        

          
            
            HTML
          
          
        

        

          
123456789

          <!-- 第一种方法 -->
<form>
    <input type="tel" />
</form>

<!-- 第二种方法 -->
<form>
    <input type="text" pattern="[0-9]*" />
</form>

input如何自动获取焦点？

        

          
            
            HTML
          
          
        

        

          
1

          <input type="text" autofocus="autofocus" />

IOS移动端自动关闭首字母大写？

        

          
            
            HTML
          
          
        

        

          
1

          <input type="text" autocapitalize="off" />

禁止长按保存图片？

        

          
            
            CSS
          
          
        

        

          
123

          img {
    -webkit-touch-callout: none;
}

禁止长按选中文字？

        

          
            
            CSS
          
          
        

        

          
123

          body {
    -webkit-user-select: none;
}

如何去掉 button 按钮触摸时产生的半透明遮罩？

        

          
            
            CSS
          
          
        

        

          
123

          a, button {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

文本域的 placeholder 如何换行？

常用转义字符表

字符 十进制 转义字符 描述
@ &#64 &commat 艾特符号
© &#169 &copy 版权符号
® &#174 &reg 注册商标符
¥ &#165 &yen 人名币符号
> &#62 &gt 大于号
< &#60 &lt 小于号
&#10 换行符 
        

          
            
            HTML
          
          
        

        

          
12

          <!-- 使用转义字符 &#10; -->
<textarea placeholder="文本域的 placeholder 如何换行, &#10;你明白了嘛?"></textarea>

谷歌浏览器如何显示更小的字体？

        

          
            
            CSS
          
          
        

        

          
123456

          /* 使用transform进行缩放 */

span {
    font-size: 10px;
    transform: scale(0.8);
}