input置灰,只讀css樣式？

只讀屬于一種行為，不是樣式（也可以理解為視覺效果），所以不能用css來設(shè)置。其實(shí)置灰和只讀都可以用input本身的屬性來設(shè)置即可，不需要CSS和JS：

公司專注于為企業(yè)提供成都做網(wǎng)站、成都網(wǎng)站設(shè)計(jì)、微信公眾號(hào)開發(fā)、商城系統(tǒng)網(wǎng)站開發(fā)，微信小程序定制開發(fā)，軟件定制網(wǎng)站制作等一站式互聯(lián)網(wǎng)企業(yè)服務(wù)。憑借多年豐富的經(jīng)驗(yàn)，我們會(huì)仔細(xì)了解各客戶的需求而做出多方面的分析、設(shè)計(jì)、整合，為客戶設(shè)計(jì)出具風(fēng)格及創(chuàng)意性的商業(yè)解決方案，創(chuàng)新互聯(lián)公司更提供一系列網(wǎng)站制作和網(wǎng)站推廣的服務(wù)。

input type="text" readonly disabled /

CSS 文本框 怎么設(shè)置只讀？

1.

文本框標(biāo)簽格式input

type="text"

/；

2.

設(shè)置文本框?yàn)橹蛔x屬性readonly="readonly"；

3.

最終方式：input

type="text"

readonly="readonly"/；

在css樣式中white-space: normal;具體指什么意思？

white-space : normal | pre | nowrap

取值：

normal :　 默認(rèn)值。默認(rèn)處理方式。文本自動(dòng)處理?yè)Q行。假如抵達(dá)容器邊界內(nèi)容會(huì)轉(zhuǎn)到下一行

pre :　 換行和其他空白字符都將受到保護(hù)。這個(gè)值需要IE6+或者 !DOCTYPE 聲明為 standards-compliant mode 支持。如果 !DOCTYPE 聲明沒有指定為 standards-compliant mode ，此屬性可以使用，但是不會(huì)發(fā)生作用。結(jié)果等同于 normal 。參閱 pre 對(duì)象

nowrap :　 強(qiáng)制在同一行內(nèi)顯示所有文本，直到文本結(jié)束或者遭遇 br 對(duì)象。參閱 noWrap 屬性

說明：

設(shè)置或檢索對(duì)象內(nèi)空格字符的處理方式。

空格字符，像換行，空格，TAB，在HTML文檔中默認(rèn)的是被忽略的。當(dāng)此屬性設(shè)置為 normal 或者 nowrap 時(shí)，你可以使用不換行空格的命名實(shí)體 ? 來添加空格，用 br 元素來添加換行。此屬性對(duì)你使用文檔對(duì)象模型(DOM)操作的內(nèi)容的影響與其對(duì)IE顯示內(nèi)容的影響一樣。

此屬性作用于塊對(duì)象。

此屬性對(duì)于 currentStyle 對(duì)象而言是只讀的。對(duì)于其他對(duì)象而言是可讀寫的。

對(duì)應(yīng)的腳本特性為 whiteSpace 。

示例：

p { white-space: nowrap; }

html中如何在定義的一個(gè)css類中實(shí)現(xiàn)設(shè)置文本框?yàn)橹荒茏x不可編輯？

readonly

disabled

這兩個(gè)不是css中的屬性，（只能在html或者js實(shí)現(xiàn)）css只是實(shí)現(xiàn)網(wǎng)頁(yè)表現(xiàn)的內(nèi)容，參考css說明：

什么是樣式表：

CSS 是 Cascading Style Sheet 的縮寫。譯作「層疊樣式表單」。是用于(增強(qiáng))控制網(wǎng)頁(yè)樣式并允許將樣式信息與網(wǎng)頁(yè)內(nèi)容分離的一種標(biāo)記性語(yǔ)言。

CSS 概述

CSS 指層疊樣式表 (Cascading Style Sheets)

樣式定義如何顯示 HTML 元素

樣式通常存儲(chǔ)在樣式表中

把樣式添加到 HTML 4.0 中，是為了解決內(nèi)容與表現(xiàn)分離的問題

外部樣式表可以極大提高工作效率

外部樣式表通常存儲(chǔ)在 CSS 文件中

多個(gè)樣式定義可層疊為一

CSS里怎么設(shè)置文本只讀

如果是文本內(nèi)容的話，把這一段加在body里就可以了，不用css設(shè)置,就像下面那樣，這樣用戶就不可以鼠標(biāo)右鍵復(fù)制或者ctrl+c

body leftmargin=0 topmargin=0 oncontextmenu='return false' ondragstart='return false' onselectstart ='return false' onselect='document.selection.empty()'oncopy="return false;" oncut="return false;" onbeforecopy='return false' onmouseup='document.selection.empty()'

如何在CSS里面把所有（多個(gè)）屬性設(shè)為只讀

$(function(){

$("#bmi").click(function(){

$("#bmi").attr("readonly",true);

})

})

使用jQuery效果實(shí)現(xiàn)起來比較方便

分享文章：css樣式只讀,css設(shè)置只讀
鏈接地址：http://chinadenli.net/article8/dsgscop.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站建設(shè)、自適應(yīng)網(wǎng)站、、定制網(wǎng)站、網(wǎng)站導(dǎo)航、網(wǎng)站內(nèi)鏈

廣告

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