码迷,mamicode.com
首页 > Web开发 > 详细

css snippets

时间:2019-10-25 20:34:09      阅读:146      评论:0      收藏:0      [点我收藏+]

标签:字体   ica   psi   lips   pac   snippet   wrap   设置   code   

iOS输入框内阴影

input,textarea {
    /* 方法1: 去掉边框 */
    // border: 0;

    /* 方法2: 边框色透明 */
    // border-color: transparent;

    /* 方法3: 重置输入框默认外观 */
    -webkit-appearance: none;
    appearance: none;
    // 清除ios 默认输入框圆角
    border-radius: 0;
}

iOS输入框居中

// 输入文本居中
height: 34px;
font-size:34px;
padding: 10px; // padding 撑开

// placeholder 居中
// palceholder 设置为默认字体大小
line-height:nomal;
&::plceholder {
    font-size:initial;
}

文本溢出...

.overDot {
    overflow:?hidden;
    text-overflow:ellipsis;
    white-space:?nowrap;    
}
.lineDot{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; // 文本行数
    overflow: hidden;
}

reset box-sizing

// reset 
html {
    box-sizing: border-box;
}
*, *:before, *:after {
    box-sizing: inherit;
}

css snippets

标签:字体   ica   psi   lips   pac   snippet   wrap   设置   code   

原文地址:https://www.cnblogs.com/rosendolu/p/11739831.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!