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 characterstext-overflow: ellipsis;

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

（3）单行省略号

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!