在达内培训四个月后,2016.3.29号这天上班了。一周的工作日里,我发现了在学学的东西跟外面实际用的还是有很大区别的。作为一名刚刚步入职场的web前端开发人员来说,大的项目完全无从下手,就只有通过细心来提高用户的体验度,让自己做的网页更精致一点。在这一周我碰到了两个能很好提高用户体验的css3的样式。
1、关于表单的placeholder的提示颜色设置
::-webkit-input-placeholder{color:xxxxx}
由于这是css3里的新样式,所以存在浏览器的兼容性问题,使用的使用注意加浏览器前缀,并且也可以在这之前加上选择器
.con-right-bo>::-webkit-input-placeholder {color: rgb(122,188,299)};这个就是在修改class为.con-right-bo下的input的placeholder属性
2、关于滚动条的样式设置
::-webkit-scrollbar{width:xx;background-color:xxx};这个就是设置滚动条的背景颜色和宽度
::-webkit-scrollbar-thumb{background-color:xxx;border-radius:xxx;-webkit-box-shadow:inset x y xxx rgb();};这个就是设置滚动条上滑块的样式
目前碰到的新的东西就是这些了,希望自己能在工作中不断进步,不断提高。
时间: 2024-10-16 06:46:44