設定input type為text的文字框樣式
CSS 設定 input type="text" 標籤的樣式,而不會影響到 type="checkbox" 或其它input
第一種解決辦法:使用 JS 迴圈控制每個 type="text" 的文字框
<head runat="server">
<title>無標題頁</title>
<style type="text/css">
.myinput
{
border: red 1px solid;
font-size: 12px;
color:#000000;
}
</style>
<script type="text/javascript" language="javascript" defer>
var u=document.getElementsByTagName("input");
for(var i=0;i<u.length;i++){
if(u[i].type=="text")
u[i].className="myinput";
}
</script>
</head>
<body>
<form id="form1" runat="server">
<input type="password" />
<input type="text" name="username"/><br>
<input type="checkbox" name="senior" value="全站"/>
</form>
</body>
如果還需要設定 password 的樣式,可以修改 if(u[i].type=="text") 為 if(u[i].type=="text" || u[i].type=="password") 這種用JS控制的方法比較複雜,實現程式碼也比較多。
第二種方法:
<style>
input {
border: expression(this.type=="text"?"1px solid #04576f":"");
}
</style>
<form>
<input type="text" name="username"/>
<br>
<input type="checkbox" name="senior" value="全站"/>
</form>
註明:如果放在aspx頁面中的話,必須去掉<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
expression才起作用了
相關文章
- CSS input 文字框樣式CSS
- CSS input文字框樣式CSS
- CSS匹配input text文字框CSS
- input[type="radio"]自定義樣式
- JQuery設定文字框和密碼框獲得焦點時樣式jQuery密碼
- CSS 設定文字樣式CSS
- input標籤單行文字域type="text"的可以新增屬性以及其描述
- CSS 設定placeholder文字樣式CSS
- CSS設定半個文字的樣式CSS
- HTML input text單行文字域HTML
- 直播平臺原始碼,Uniapp text 樣式設定原始碼APP
- Java 設定Word文字框中的文字旋轉方向Java
- input文字框寬度自適應
- input文字框焦點背景變色
- C# 設定Word文字框中的文字旋轉方向C#
- CSS 設定文字框游標顏色CSS
- CSS 設定元素第一行文字樣式CSS
- EasyExcel為單個Cell設定樣式Excel
- input文字框獲取焦點伸縮效果
- html input文字輸入框的一些總結HTML
- 如何去除掉input的預設邊框
- qt中設定tab樣式為箭頭QT
- 直播系統app原始碼,設定樣式(字型樣式、行列寬高、對齊方式、邊框)APP原始碼
- EXCEL中日期格式轉換為文字格式-函式TEXTExcel函式
- 【Android】設定 LinearLayout 的樣式Android
- react input[type='number']React
- input type="file"使用
- qt如何將下拉框的框設定為圓角矩形QT
- 成品直播原始碼,設定樣式(字型樣式、行列寬高、對齊方式、邊框、填充和漸變)原始碼
- CSS設定連線<a>的樣式CSS
- canvas 設定線條的樣式Canvas
- UE富文字框RichTextBlock的內容設定不同的字型顏色BloC
- 取消element中input type=number中的預設箭頭
- Sublime Text提取正規表示式匹配的文字
- canvas 設定矩形樣式Canvas
- CSS 設定 <progress>樣式CSS
- CSS 設定列表樣式CSS
- QSpinBox樣式表設定
- QMenu setStyleSheet樣式設定