页面样式,隐藏竖滚动条,修改下拉框placeholder样式,以及父元素清除浮动

隐藏竖滚动条:

::-webkit-scrollbar {
  width: 0px;
  height: 1px;
}
::-webkit-scrollbar-thumb {
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: rgba(0, 0, 0, 0.2);
}

修改下拉框placeholder样式:

::-webkit-input-placeholder { /* WebKit browsers */
  color:    #ffffff;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color:    #ffffff;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
  color:    #ffffff;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
  color:    #ffffff;
}
父元素清除浮动:

display:block;
clear:both;
content:"";
visibility: hidden;
height:0;



你可能感兴趣的:(页面样式,隐藏竖滚动条,修改下拉框placeholder样式,以及父元素清除浮动)