luyundesign的博客

input:-webkit-autofill , textarea:-webkit-autofill, select:-webkit-autofill {-webkit-text-fill-color: #ededed !important;-webkit-box-shadow: 0 0 0px 1000px transparent inset !important;background-color:transparent;background-image: none;transition: ba

css3单位rem：rem就是将根节点html的font-size的值作为整个页面的基准尺寸，例如那么1rem=10px;移动端效果图宽度设计为750px，例如，有一个图片，宽度为200px，高度为150px，落地到css中，.className{ width: 200rem; height: 150rem;}(function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientatio

body::-webkit-scrollbar-track {box-shadow: inset 0 0 0 rgba(0,0,0,0.3);-webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0.3); background-color: #fff; border-bottom-right-radius: 5px;}body::-webkit-scrollbar {width: 4px; height: 4px; background-color: #e7e8e9; b

<style type="text/css"> .fileinput-button { position: relative; display: inline-block; overflow: hidden; display: block; width: 130px; height: 30px; border: 1px solid #c5c5c5; line-height: 30px; font-size: 14px;}.fileinput-button input{ pos

.outer{ display: flex; /* 定义flex容器 */ flex-direction: row; /*决定主轴的方向（即项目的排列方向）*/ justify-content: space-between; /*定义了项目在主轴上的对齐方式*/ } .inner{ flex-grow:1;/*定义项目的放大比例*/ flex-shrink:1;/*定义项目的缩小比例*/ flex-b...

解决bootstrap 模态框弹出时，页面抖动问题body.modal-open { padding-right: 0 !important; overflow-y: scroll;}

<style> @-webkit-keyframes fadeIn{ 0%{opacity:0;}5%{opacity:1;}35%{opacity:1;}40%{opacity:0;}100%{opacity:0;} } @-moz-keyframes fadeIn{ 0%{opacity:0;}5%{opacity:1;}35%{opacit...

<style> .table{ border:1px #ddd solid; border-collapse:collapse;/*设置边框 合并边框*/ } .table th,.table td{ border:1px #ddd solid; padding:15px; } ...

<style>.widget-title-nowrap{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block;}</style>```<a class="widget-title-nowrap" href="#" title="">标...

初始状态下：点击状态下：代码块：<style>.inputBox { width: 50px; height: 50px; position: relative; z-index: 999;}.inputBox .search { position: absolute; margin: auto; top: 0; right: 0; bo...