特殊样式

sunshineboyleng 2019-12-07

特定样式

  • 去掉点击时的背景颜色
-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;
}

相关推荐