select option

<select >
 <option value="上水">上水</option>
 <option value="大埔">大埔</option>
 <option value="沙田">沙田</option>
 <option value="粉嶺">粉嶺</option>
</select>
<select style="cursor:pointer;">
 <option value="上水">上水</option>
 <option value="大埔">大埔</option>
 <option value="沙田">沙田</option>
 <option value="粉嶺">粉嶺</option>
</select>

style="cursor:pointer;"
多一只手指
<select style="background-color: silver; border: 3px outset #d5d5d5; color: black; cursor: pointer; font-size: 20px; width: 150px;">
 <option value="上水">上水</option>
 <option value="大埔">大埔</option>
 <option value="沙田">沙田</option>
 <option value="粉嶺">粉嶺</option>
</select>


<select style="background-color: silver; border: 3px outset #d5d5d5; color: black; cursor: pointer; font-size: 20px; width: 150px;" onchange="alert(this.value)">
 <option value="上水">上水</option>
 <option value="大埔">大埔</option>
 <option value="沙田">沙田</option>
 <option value="粉嶺">粉嶺</option>
</select>

cursor:pointer 滑鼠游標圖案是手指
background-color: silver 底色
border: 3px outset #d5d5d5 邊框
color: black 文字顏色
font-size: 20px 文字大細
width: 150px; 寬度
height : 150px; 高度
onchange="alert(this.value)" 選擇後動作
alert(this.value) 顯示對話盒

全站熱搜

c8cc168 發表在 痞客邦 留言(0) 人氣()