CSS:下拉選單美化

2013/01/01 6,769 1 網站技術 , CSS

下拉選單永遠白白的?很不好看嗎?
趕快試試看這個美化語法吧~!!
特效示範:

★原碼索取。
一、CSS原碼(放在head裡)
<style>
#mnya-select {
 font-size: 12px; /*文字大小*/
 color: #0033CC; /*文字顏色*/
 background-color: #00CCFF; /*選單背景顏色*/
}
</style>
二、html原碼(放在body裡)
<select name="select" id="mnya-select" >
<option>111</option>
<option>222</option>
<option>333</option>
 </select>

贊助廣告 ‧ Sponsor advertisements
Node-RED：將資料寫入至 MSSQL 資料庫中的資料表
📆 2021-12-07
📁 網站技術, 資料庫, Node.js, Node-RED
Master：快速製作響應式 GRID 格線佈局
📆 2022-05-01
📁 網站技術, HTML, CSS
WordPress 外掛推薦列表（萌芽站長提供，4/7隨時更新）
📆 2019-04-06
📁 網站技術, 推薦列表, 架站程式, WordPress
JavaScript：一顆按鈕讓您可以編輯任何網站！
📆 2018-10-04
📁 網站技術, JavaScript
JavaScript：表單焦點/非焦點偵測變換圖片（可以做得很可愛的偵測特效！）
📆 2018-12-29
📁 網站技術, HTML, JavaScript
::-webkit-scrollbar 純 CSS 捲軸
📆 2021-12-16
📁 網站技術, CSS
CSS Portal:格式化CSS代碼
📆 2016-05-09
📁 網路應用, 網站技術, CSS
PHP：自定義 ini 設定檔並讀取裏頭設定值輸出
📆 2022-02-14
📁 網站技術, PHP

留言區 / Comments

萌芽論壇

萌芽站長

您好，我是萌芽系列網站（Mnya Series Website）的站長&創始人，可以稱呼我「萌芽站長」。我的興趣與專長有登山、觀察地形、攝影、旅遊、網頁設計＆架設＆經營、動畫製作、圖片處理、資料彙整等。有任何問題或建議請至萌芽論壇發表。網站業務、商業合作的聯絡方式在「關於本站 → 團隊介紹 → 站長介紹」，很高興認識您！請多指教！