CSS:下拉選單美化

2013/01/01 6,786 0 網站技術 , 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
phpMyAdmin：解決匯入檔案大小上限問題（教學基於 XAMPP）
📆 2019-03-15
📁 軟體應用, 網站技術, 伺服器, 資料庫
JavaScript：計算陣列的四分位數
📆 2022-03-01
📁 網站技術, JavaScript
JPEG 的兩種渲染方式：Baseline JPEG（標準型）和 Progressive JPEG（漸進式）
📆 2018-11-17
📁 多媒體, 網路應用, 網站技術, 靜圖處理
JavaScript 抓參數可指定間隔時間不斷重新載入指定網址（OBS 瀏覽器自動重載解決方案）
📆 2019-08-22
📁 軟體應用, 多媒體, 網路應用, 網站技術, JavaScript, 串流錄製
PHP＆Telegram：建立一個機器人並發送訊息至指定對話或頻道中
📆 2022-03-11
📁 網路應用, 網站技術, PHP
phpMyAdmin 連線到 MySQL 5.1 撞牆事件
📆 2022-01-21
📁 網站技術, 伺服器, 資料庫, PHP
CSS unicode-range 描述自定義字體中使用的字元範圍（Unicode 區段）
📆 2020-04-09
📁 網站技術, CSS
Classic Widgets（WordPress 外掛）：停用升級 5.8 後的小工具區塊編輯器
📆 2021-07-29
📁 網站技術, 架站程式, WordPress

留言區 / Comments

萌芽論壇

萌芽站長

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