如何用css樣式去掉默認(rèn)設(shè)備或者瀏覽器的默認(rèn)樣式

手機設(shè)備下的界面

專注于為中小企業(yè)提供成都網(wǎng)站制作、成都網(wǎng)站設(shè)計服務(wù),電腦端+手機端+微信端的三站合一,更高效的管理,為中小企業(yè)萊西免費做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動了超過千家企業(yè)的穩(wěn)健成長，幫助中小企業(yè)通過網(wǎng)站建設(shè)實現(xiàn)規(guī)模擴充和轉(zhuǎn)變。

正常瀏覽器下的html5界面

要解決該問題需要加入一些css樣式,如下：

input[type="button"], input[type="submit"], input[type="reset"] {

-webkit-appearance: none;

-moz-appearance: none;

appearance: none;

}

如果還有圓角的問題，

.button{ border-radius: 0; }

在寫表單時候會發(fā)現(xiàn)一些瀏覽器對表單賦了默認(rèn)的樣式，如在谷歌瀏覽器下，文本框和下拉選擇框當(dāng)載入焦點時，會出現(xiàn)發(fā)光的邊框！文本框textarea可以自由拖拽拉大！在IE10下，文本框輸入內(nèi)容后，會在右側(cè)出現(xiàn)一個小叉叉。面對這些問題，下面來看看解決方法。

去除谷歌等瀏覽器文本框默認(rèn)發(fā)光邊框

input:focus, textarea:focus {

outline: none;

}

去掉高光樣式：

input:focus{

-webkit-tap-highlight-color:rgba(0,0,0,0);

-webkit-user-modify:read-write-plaintext-only;

}

也可以重新根據(jù)自己的需要設(shè)置一下，如：

input:focus,textarea:focus {

outline: none;

border: 1px solid #f60;

}

這樣的話，當(dāng)文本框載入焦點時，邊框顏色就會變?yōu)槌壬鰪娪脩趔w驗！

去除IE10+瀏覽器文本框后面的小叉叉

input::-ms-clear {

display: none;

}

禁止多行文本框textarea拖拽

添加屬性多行文本框就不能拖拽放大縮小了：

textarea {

resize: none;

}

如何取消CSS樣式？

取消CSS樣式可以在 層或者表格代碼中 找到類似class="" 或者 id="" 之類，將其刪除即可。

或者在網(wǎng)頁代碼中找到 類似這樣的代碼

link href="css/css.css" rel="stylesheet" type="text/css" /

或者

style type="text/css"

.......

/style

將其刪除即可。

如何取消CSS 外聯(lián)樣式

在head/head中找到需要取消的css語句鏈接link href="css/stylesheet.css" type="text/css" rel="stylesheet"

刪除，然后保存文件

這樣就可以取消了css外聯(lián)樣式了

取消css外聯(lián)樣式還有一種比較安全的做法，使用注釋。這是為了以后編輯文檔時項目突然的需要。當(dāng)然，如果你養(yǎng)成備份的好習(xí)慣，就不用怕找不到之前的文件了。

無用的css樣式怎么去清除

寫網(wǎng)頁的時候CSS樣式一般是先把沒用的清楚掉的，比如自帶的邊框 margin ?padding等等，

你需要把所有的標(biāo)簽基本都得清除一遍，不然后期寫網(wǎng)頁的時候有的小細(xì)節(jié)問題很難排查出來

css去掉瀏覽器默認(rèn)樣式

因為各個瀏覽器默認(rèn)的樣式不同，你這種情況可以使用下面代碼清除邊距

style*{margin:0;padding:0;}/style建議做網(wǎng)站的時候，設(shè)置個reset.css樣式表清除各個瀏覽器的默認(rèn)樣式，已達(dá)到做的網(wǎng)頁在各個瀏覽器中達(dá)到統(tǒng)一，下面把YUI

Reset

CSS代碼貼出

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {

margin:0;

padding:0;

}

table {

border-collapse:collapse;

border-spacing:0;

}

fieldset,img {

border:0;

}

address,caption,cite,code,dfn,em,strong,th,var {

font-style:normal;

font-weight:normal;

}

ol,ul {

list-style:none;

}

caption,th {

text-align:left;

}

h1,h2,h3,h4,h5,h6 {

font-size:100%;

font-weight:normal;

}

q:before,q:after {

content:'';

}

abbr,acronym { border:0;

}

如何去掉多余的css樣式

寫好的css最好還是盡量少刪啦，因為可能現(xiàn)在沒起作用，在某一塊沒起作用，但是說不定以后能起作用，在別的地方能有用。在現(xiàn)在越來越強調(diào)代碼重用的環(huán)境下，我們只能在編碼初期就把代碼整體架構(gòu)給打好。比如說選擇一個好的樣式重置，科學(xué)的浮動清除方式等等都是至關(guān)重要的。所以我覺得與其想辦法刪除一些多余的css，倒不如把心思花在前期工作和css代碼的錘煉上，畢竟事先解決比事后解決還是好一些的嘛。

分享標(biāo)題：css樣式去掉樣式,css禁用樣式
路徑分享：http://chinadenli.net/article3/dsiepis.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站維護、App設(shè)計、外貿(mào)建站、商城網(wǎng)站、網(wǎng)站內(nèi)鏈、品牌網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)