css如何實(shí)現(xiàn)input不可編輯

只有readonly的那個(gè)文本是藍(lán)色的！disabled是按系統(tǒng)設(shè)置的disabled顏色來(lái)設(shè)置前景色的，css對(duì)其無(wú)效！另外，readonly和disabled還有一個(gè)不同點(diǎn)就是，當(dāng)input屬性為readonly時(shí)，提交表單是可以獲得input的內(nèi)容。

10年積累的成都網(wǎng)站建設(shè)、做網(wǎng)站經(jīng)驗(yàn)，可以快速應(yīng)對(duì)客戶對(duì)網(wǎng)站的新想法和需求。提供各種問(wèn)題對(duì)應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識(shí)你，你也不認(rèn)識(shí)我。但先網(wǎng)站策劃后付款的網(wǎng)站建設(shè)流程，更有五峰免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

使用readonly=readonly屬性，讓輸入框變?yōu)橹蛔x。代碼示例一：input type=text readonly=readonly value=代碼示例一使用disabled=disabled屬性，輸入框變?yōu)榛疑尘爸蛔x，但無(wú)法再提交被禁用的元素值。

我們可以通過(guò)為表單字段（input文本框，標(biāo)簽，復(fù)選框，文本區(qū)域）設(shè)置以下方法來(lái)實(shí)現(xiàn)表單的不可編輯功能。

文字框不可編輯，禁止使用者修改的幾種方法 文字框不可用 可以在標(biāo)簽input屬性中設(shè)定readonly 具體步驟：方法一：設(shè)定readonly屬性為true。

兩種方法：input type=text name=noedit size=20 disabled=disabled value=不可編輯，這種方法可以讓文本框不可編輯，但同時(shí)會(huì)導(dǎo)致服務(wù)端不能獲取該文本框的值。

css input樣式修改的方法：利用偽類(lèi)元素改變r(jià)adio樣式；利用label指向input，然后通過(guò)改變label樣式來(lái)達(dá)到效果即可。本文操作環(huán)境：Windows7系統(tǒng)、Dell G3電腦、HTML5&&CSS3版。

如何使用css去除瀏覽器對(duì)表單賦予的默認(rèn)樣式

1、如果對(duì)這個(gè)默認(rèn)樣式不滿意最簡(jiǎn)單的解決辦法就是重新設(shè)置該樣式的屬性，因?yàn)閡ser agent stylesheet優(yōu)先級(jí)很低，會(huì)被覆蓋，這樣就不會(huì)影響到我們的樣式了，比如這里我就講form 的margin-bottom設(shè)為0px。

2、在css標(biāo)簽內(nèi)，通過(guò)class設(shè)置ul的樣式，將list-style屬性設(shè)置為none，消除列表的默認(rèn)序號(hào)。請(qǐng)點(diǎn)擊輸入圖片描述 在css標(biāo)簽內(nèi)，再將padding屬性和margin屬性消除li列表的內(nèi)外邊距。

3、清除在編寫(xiě)頁(yè)面中由于瀏覽器默認(rèn)樣式帶來(lái)的干擾。 兼容性更好，不同瀏覽器的默認(rèn)樣式可能會(huì)有所不同，如果不清楚可能會(huì)造成我們編寫(xiě)的頁(yè)面在不同瀏覽器上的效果有所出入。

4、在寫(xiě)表單時(shí)候會(huì)發(fā)現(xiàn)一些瀏覽器對(duì)表單賦了默認(rèn)的樣式，如在谷歌瀏覽器下，文本框和下拉選擇框當(dāng)載入焦點(diǎn)時(shí)，會(huì)出現(xiàn)發(fā)光的邊框！文本框textarea可以自由拖拽拉大！在IE10下，文本框輸入內(nèi)容后，會(huì)在右側(cè)出現(xiàn)一個(gè)小叉叉。

5、第一步，打開(kāi)軟件并創(chuàng)建一些默認(rèn)復(fù)選框，見(jiàn)下圖，轉(zhuǎn)到下面的步驟。

如何禁止input的style屬性?

HTML中，input標(biāo)簽?zāi)J(rèn)是有邊框（border）和背景色屬性的?？梢栽贑SS中加入border：none；（或者在html中加入style：border：none）可以去掉邊框。input標(biāo)簽在鼠標(biāo)點(diǎn)擊時(shí)，會(huì)有黃色的邊框。

兩種方法：input type=text name=noedit size=20 disabled=disabled value=不可編輯，這種方法可以讓文本框不可編輯，但同時(shí)會(huì)導(dǎo)致服務(wù)端不能獲取該文本框的值。

首先來(lái)看下測(cè)試代碼，html里，主要部分有二個(gè)input輸入框，和一個(gè)按鈕。在js代碼里，借助Jquery插件庫(kù)來(lái)操作，以減少代碼，所以先引入對(duì)應(yīng)的腳本庫(kù)文件。

還可以通過(guò)CSS來(lái)做，這個(gè)更適合，禁止多個(gè)：style .test{ime-mode： disabled；} /style input name=a type=text value=哦噢 class=test 還有，可以用onfocus=this.blur()，JS，JQ等等。

CSS可以將樣式定義在HTML元素的style屬性中，也可以將其定義在HTML文檔的header部分，也可以將樣式聲明在一個(gè)專門(mén)的CSS文件中，以供HTML頁(yè)面引用。總之，CSS樣式表可以將所有的樣式聲明統(tǒng)一存放，進(jìn)行統(tǒng)一管理。

怎么用css去掉chrome瀏覽器中input獲得焦點(diǎn)時(shí)的帶顏色邊框

首先我們?cè)趆tml頁(yè)面中輸入input的相關(guān)代碼； 2 用瀏覽器查看時(shí)，會(huì)發(fā)現(xiàn)點(diǎn)擊input出現(xiàn)了藍(lán)色邊框； END 解決問(wèn)題 查找了各方面的資料才知道這是input默認(rèn)的樣式。

打開(kāi)瀏覽器，出現(xiàn)點(diǎn)擊input出現(xiàn)了藍(lán)色邊框。直接在input中加style=“outline：none；”。在頂部style中直接控制css樣式：style type=text/css input{outline：none；}/style。

查了一下午這個(gè)問(wèn)題，我必須得回答一下，找了很久 在瀏覽器設(shè)置里有個(gè)啟動(dòng)時(shí)選項(xiàng)，往下拉，有個(gè)高級(jí)按鈕，點(diǎn)擊展開(kāi)，在往下拉，有個(gè)無(wú)障礙選項(xiàng)，里面有個(gè)“短暫的突出顯示焦點(diǎn)對(duì)象”把這個(gè)給我關(guān)了，就消停了。

css移動(dòng)端input框禁用樣式修改

由于IE8 不識(shí)別 ：disabled 導(dǎo)致input[disabled]，input：disabled樣式失效，可以考慮單獨(dú)來(lái)寫(xiě)，或者直接使用input[disabled]。；IE9及以下無(wú)法改變字體顏色。

在index.html中的style標(biāo)簽中，輸入css代碼：button {border：0；width： 200px；height： 80px；background-color： gainsboro； cursor： not-allowed} 瀏覽器運(yùn)行index.html頁(yè)面，此時(shí)通過(guò)css實(shí)現(xiàn)了按鈕的禁用樣式。

打開(kāi)編輯工具，創(chuàng)建靜態(tài)頁(yè)面。在頁(yè)面中插入一個(gè)輸入框。設(shè)置輸入框的寬度、高度、文字樣式。在初始化函數(shù)里編寫(xiě)table函數(shù)，對(duì)于不同情況設(shè)置不同的樣式。預(yù)覽靜態(tài)頁(yè)面，打開(kāi)瀏覽器調(diào)試結(jié)果。

使用css樣式直接可以改變input的樣式的，input屬于行內(nèi)替換元素height/width/padding/margin均可用，效果等于塊元素。

input{-webkit-appearance： none； -moz-appearance： none； -o-appearance： none； appearance： none；}去除input的默認(rèn)樣式用上邊的代碼就可以實(shí)現(xiàn)了。如果是只去除部分input的默認(rèn)樣式您可以使用class或ID來(lái)指定。

給這個(gè)輸入框加一個(gè)class，名字定義為input01，給input01寫(xiě)一個(gè)樣式。