web前端-工作中经常会用到的一些样式

1、去除input框的默认样式

input{

padding:0;

margin:0;（这个就很难会想到，之前写了一个页面左侧是span文本 右侧是input 明明宽度是足够的 但是左边的span 有一种被挤上去 的感觉 导致不垂直居中 当时解决了 好长时间。）

border: none;（去除border边框显示）

outline: none;（点击时去除border）

 -webkit-tap-highlight-color:rgba(0,0,0,0);（去除移动端app上 点击input输入时会有灰色底 ）

}

2、div实现页面小箭头（不需要ui截图了）

div{
width:2px;
border-width:8px;
border-style: solid;
border-color: transparent;
border-top-color: #ccc;

}

3、点击div 可编写内容并且自适应高度。

<div contenteditable></div>