色综合图-色综合图片-色综合图片二区150p-色综合图区-玖玖国产精品视频-玖玖香蕉视频

您的位置:首頁技術文章
文章詳情頁

前端 - Safari:select下拉框的字體不能居中。

瀏覽:123日期:2024-06-10 15:43:49

問題描述

在chrome上使用text-align沒有用,后來試了下text-align-last:center有作用,但是在Safari上 是無效的;前端 - Safari:select下拉框的字體不能居中。Google后也沒發現什么有價值的,有哪位遇到過嗎?

問題解答

回答1:

有一個hack的辦法

在select的位置寫一個span,用js去綁定span里的值和select的值,讓span元素居中,隱藏掉select。

大約是這樣的:

js的內容就自己寫一下吧

.pesu-select { text-align: center;border:solid 1px #000; } .pesu-select select { position: absolute; left: 0px; top: 0px; width: 100%; height: 42px; opacity: 0; } <p class='pesu-select'> <span>aaa</span> <select> <option value='1'>aaa</option> <option value='2'>bbb</option> <option value='3'>ccc</option> </select> </p> 回答2:

其他途徑解決問題:select外面包一層p,select的寬度不設置(由內容撐開),設置容器的寬度與text-align:center;

相關文章:
主站蜘蛛池模板: 亚洲国产剧情在线精品视 | 国产成人在线视频网站 | 日产一区二区三区四区 | 国产午夜三区视频在线 | 亚洲视频在线观看一区 | 福利云| 欧洲美女a视频一级毛片 | 色偷偷亚洲第一成人综合网址 | 亚洲国产品综合人成综合网站 | 欧美精品xxxⅹ欧美 欧美精品不卡 | 欧美特级 | 国产一区a | 日韩乱码视频 | 国产99精品免费视频看6 | 亚洲另类视频在线观看 | 欧美一级特黄aa大片在线观看免费 | 欧美激情久久久久久久大片 | 日韩一区国产二区欧美三区 | 国产丶欧美丶日韩丶不卡影视 | ⅹxx中国xxx人妖 | 99久久精品国产9999高清 | 9久久99久久久精品齐齐综合色圆 | 欧美成人福利 | 亚洲综合首页 | 中文字幕 亚洲 一区二区三区 | 亚洲天堂资源网 | 亚洲国产精品热久久2022 | 成人国产永久福利看片 | 国产精品亚洲精品一区二区三区 | 国产亚洲网站 | 亚洲免费在线看 | 亚洲国产一级毛片 | 中文字幕一区在线播放 | 午夜成年人网站 | 亚洲人视频在线观看 | 99久久精品无码一区二区毛片 | 久久久综合视频 | 在线观看偷拍视频一区 | 91理论片午午伦夜理片久久 | 亚洲欧美日本综合一区二区三区 | 国产成人黄色 |