<![CDATA[A.PAO designSTUDIO BLOG]]> https://blog.apao.idv.tw/index.php zh-tw https://blog.apao.idv.tw/post// <![CDATA[CSS 在form裏面 指定 input textarea select 改變顏色]]> apao <apao@www.apao.idv.tw> Thu, 11 Dec 2014 02:13:22 +0000 https://blog.apao.idv.tw/post//
<head>
<style type="text/css">

input.example, select {
width: 300px;
}
textarea {
width: 300px;
height: 7em;
}

input:focus, select:focus, textarea:focus {
background-color: #bde9ba;
}

</style>
</head>


在HTML中自動會呈現改變的顏色 (註：<p>無相關)
<form method="post" action="目標URL">

<p><input type="text" name="name" size="40" class="example"></p>

<p><select name="select">
<option value="選擇1">選擇1</option>
<option value="選擇2">選擇2</option>
<option value="選擇3">選擇3</option>
</select></p>

<p><textarea name="msg" cols="40" rows="7"></textarea></p>

<p><input type="submit" value="送信"></p>

</form>


文章來源：
http://www.tagindex.com/stylesheet/form/background_color.html
Tags - , , , , , , ]]> https://blog.apao.idv.tw/post//#blogcomment <![CDATA[[評論] CSS 在form裏面 指定 input textarea select 改變顏色]]> <user@domain.com> Thu, 01 Jan 1970 00:00:00 +0000 https://blog.apao.idv.tw/post//#blogcomment