
css
jokren
这个作者很懒,什么都没留下…
展开
-
chrome浏览器记住密码input背景色问题及input的placeholder的样式修改
一.浏览器记住密码input背景色问题input:-webkit-autofill { -webkit-text-fill-color: #ffffff !important;/*浏览器记住密码的字的颜色*/ transition: background-color 5000s ease-in-out 0s;/*通过延时渲染背景色变相去除背景颜色*/ caret-color: #ffffff;/*光标颜色*/}input:focus { outline: none; }/*外原创 2020-11-21 09:08:16 · 669 阅读 · 0 评论 -
CSS中英文换行问题
word-break:break-all;只对英文起作用,以字母作为换行依据word-wrap:break-word; 只对英文起作用,以单词作为换行依据white-space:pre-wrap; 只对中文起作用,强制换行white-space:nowrap; 强制不换行,都起作用white-space:nowrap; overflow:hidden; text-overflow:ell...转载 2018-12-19 15:21:52 · 1631 阅读 · 0 评论 -
在flex弹性盒中使img图片垂直底部对齐而不被拉伸
样例:一个选择题几个选项 高度自适应要求:每个选项等高(以最高为准) 选项中图片(图片高度不一致)垂直居底部对齐html<div class='question'> <div class=option> <p>选项一</p> <div class='bottom-img'> ...原创 2018-12-28 10:09:41 · 4906 阅读 · 0 评论 -
利用深度/deep/深度修改组建的样式
利用深度/deep/深度修改组建的样式1. :host /deep/ .classname{ }2.#idName /deep/ .classname{ }原创 2019-01-10 09:45:16 · 7943 阅读 · 0 评论 -
滚动条样式修改
/*滚动条样式*/::-webkit-scrollbar { /*滚动条整体样式*/ width: 6px; /*高宽分别对应横竖滚动条的尺寸*/ height: 6px;}::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius: 5px; -webkit-box-shadow: inset 0 0 5px #d8...原创 2019-01-31 09:35:10 · 147 阅读 · 0 评论