選擇框的文字對齊:部分僅限Chrome 的解決方案
出於美觀原因,您可能希望將文字在選擇框中居中或改善可近性。但是,手動向 CSS 中的 select 元素添加文字對齊屬性可能無法如預期般運作。
初始嘗試
小提琴中說明了一種常見方法提供:
<pre class="brush:php;toolbar:false"><option value="">(please select a state)</option> <option></option>
select .lt { text-align: center ; }<br>
不幸的是,這種技術無效。
特定於Chrome 的解決方案
雖然是純CSS 解決方案對於完整的文字對齊可能無法在所有瀏覽器中實現,有一個部分解決方案Chrome :
選擇{寬度:400px;文字對齊最後:居中; }
此方法將選定的選項置於下拉清單本身的中心,而不是未選定的選項。這距離完全對齊又更近了一步,但也是一個需要注意的限制。
以上是如何使選擇框中的文字居中(Chrome 特定的解決方案)?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

文章討論了CSS保證金屬性,特別是“保證金:40px 100px 120px 80px”,其應用程序以及對網頁佈局的影響。

本文討論了CSS邊境屬性,重點是自定義,最佳實踐和響應能力。主要論點:邊境 - 拉迪烏斯(Border-Radius)對響應式設計最有效。

本文討論了CSS中評論的使用,詳細介紹了單線和多行評論語法。它認為註釋可以增強代碼的可讀性,可維護性和協作,但如果無法正確管理,可能會影響網站性能。


熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

Dreamweaver CS6
視覺化網頁開發工具

SAP NetWeaver Server Adapter for Eclipse
將Eclipse與SAP NetWeaver應用伺服器整合。

PhpStorm Mac 版本
最新(2018.2.1 )專業的PHP整合開發工具

Atom編輯器mac版下載
最受歡迎的的開源編輯器

Safe Exam Browser
Safe Exam Browser是一個安全的瀏覽器環境,安全地進行線上考試。該軟體將任何電腦變成一個安全的工作站。它控制對任何實用工具的訪問,並防止學生使用未經授權的資源。