CSS伪类:placeholder-shown在input或textarea元素显示placeholder文本时生效。

也可以配合text-overflow: ellipse使用。

使用方法：

input:placeholder-shown {
  border: 1px solid red;
  text-overflow: ellipsis;
}

示例

浏览器兼容性，还不错：

Can I Use css-placeholder-shown? Data on support for the css-placeholder-shown feature across the major browsers from caniuse.com.

觉得作者写得不错？不妨轻击下方按钮~

赏点银子给楼主凑凑买咖啡喝吧
微信
支付宝
扫码打赏，建议金额1-10元

Copied From 畅言