css notes-input tag introduction

(1) The input tag type is search, and the clear content icon will appear when entering content.

Solution:

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

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

(2) Multi-line ellipsis (gives the height), you can also use tag content (...)l to cover the characters text-overflow: ellipsis;

<em>display: -webkit-box;<br>-webkit-box-orient: vertical;<br>-webkit-line-clamp:2;//表示第二行出现省略号<br>overflow: hidden;<br><br>（3）单行省略号<br></em>

overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;

The above is the detailed content of css notes-input tag introduction. For more information, please follow other related articles on the PHP Chinese website!