特殊样式

Posted 2020-11-24 tujw

特定样式

• 去掉点击时的背景颜色

-webkit-top-highlight-color: rgba(0, 0, 0, 0);

• 控制编辑区域的

::-webkit-datetime-edit

• 控制年月日这个区域的

::-webkit-datetime-edit-fields-wrapper

• 这是控制年月日之间的斜线或短横线的

::-webkit-datetime-edit-text

• 控制月份

::-webkit-datetime-edit-month-field

• 控制具体日子

::-webkit-datetime-edit-day-field

• 控制年文字, 如2017四个字母占据的那片地方

::-webkit-datetime-edit-year-field

• 这是控制上下小箭头的

::-webkit-inner-spin-button

• 这是控制下拉小箭头的

::-webkit-calendar-picker-indicator

• 这是控制清除按钮的

::-webkit-clear-button

• 多行溢出隐藏,需要定宽

width: 10em;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;

• 单行文本溢出

.over {
    white-space: nowrap;    
    overflow: hidden;
    text-overflow: ellipsis;
}

• 没有css仍能看到提示

.no-css {
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
}