css snippets

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;
}