云帆的博客

在使用:not选择器时，发现在低版本谷歌不生效（绿色版谷歌73.0.xxxxx），css如下 .uiot-container, .uiot-container--row { display: flex; position: relative; > * { box-sizing: border-box; } &:not(.uiot-aside, .uiot-main, .uiot-header, .uiot-footer, .uiot-overlayers) {

浏览器的自带滚动条确实很难看，虽然可以重载css样式，但由于各个浏览器并不互相兼容，那么就要写多个样式并且不能保证外观统一（火狐貌似无法修改滚动条样式的），如下 // IE浏览器 * { //三角箭头的颜色 scrollbar-arrow-color: #c0c4cc; //滚动条滑块按钮的颜色*/ scrollbar-face-color: #a2a2a3; //滚动条整体颜色*/ scrollbar-highlight-color: #a2a2a3; //滚动条阴影*/

在使用element-ui时，发现Chrome浏览器与Firefox浏览器对input的placeholder渲染颜色不一致，如下图 谷歌 火狐 火狐中透明度明显更高 我的解决方法 $placeholderColor: #c0c4cc; // input的placeholder样式 input { &::-webkit-input-placeholder { // WebKit, Blink, Edge color: $placeholderColor !important;