css 日常

时间:2023-10-07 09:58:08

去掉input边框    outline:none;

不让用户选择文本

user-select: none;

手机网页点击输入框的瞬间会出现灰色背景    解决方案: -webkit-tap-highlight-color:rgba(0,0,0,0);

/* 解决IPHONE 上面按钮圆角问题  */input[type="submit"],input[type="reset"],input[type="button"],button {   -webkit-appearance: none;}

文字两端对齐

div.justify {   text-align: justify; width:200px; font-size:15px; color:red;   border:1px solid blue; height:18px;}
div.justify > span {   display: inline-block /* Opera */;   padding-left: 100%; }

HTML:

<div class="justify">hello, text justify.</div><br/>
<div class="justify"> hello, text justify.<span></span></div><br/>
<div class="justify">中 文 两 端 对 齐</div><br/>
<div class="justify">中 文 两 端 对 齐<span></span></div>