css總結4：input 去掉外邊框,placeholder的字體顏色、字號

1 input 標簽去除外邊框：

在進行webAPP開發時，input外邊框非常影響美觀，去除外邊框方法如下：

<input style="border: 0px;outline:none;cursor: pointer;"  type="text" placeholder="請輸入手機號">

解釋：

“border: 0px；” 

去除 placeholder 外的邊框

“outline:none;”

“去除點擊input框時顯示的邊框

“cursor: pointer;”

點擊顯示光標光標呈現為指示鏈接的指針（一只手）

 

2 placeholder的字體顏色：

  查閱不同資料后發現，因為各家瀏覽器對css支持各有不同，所以需要對齊區別設置：

　 在樣式表添加：

 

input::-webkit-input-placeholder {
          /* WebKit browsers */
          color: #999;
        }

        input::-moz-placeholder {
          /* Mozilla Firefox 4 to 18 */
          color: #999;
        }

        input::-moz-placeholder {
          /* Mozilla Firefox 19+ */

          color: #999;
        }

        input::-ms-input-placeholder {
          /* Internet Explorer 10+ */
          color: #999;
        }

 

 

效果：