欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

css笔记--input标签介绍

程序员文章站 2022-04-29 11:36:29
...
(1)input标签type为search,输入内容时会出现清除内容icon,

解决方法:

input[type="search"]{-webkit-appearance:none;}

input::-webkit-search-cancel-button {display: none;}

(2)多行省略号(给出高度),也可以使用标签内容(...)l来遮住字符text-overflow: ellipsis;

display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp:2;//表示第二行出现省略号
overflow: hidden;

(3)单行省略号
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;

以上就是css笔记--input标签介绍的详细内容,更多请关注其它相关文章!