欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

怎么使用CSS:focus偽類

小編給大家分享一下怎么使用CSS:focus偽類，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

成都網(wǎng)絡(luò)公司-成都網(wǎng)站建設(shè)公司成都創(chuàng)新互聯(lián)公司十載經(jīng)驗成就非凡，專業(yè)從事成都網(wǎng)站建設(shè)、網(wǎng)站建設(shè)，成都網(wǎng)頁設(shè)計，成都網(wǎng)頁制作，軟文發(fā)布平臺，1元廣告等。十載來已成功提供全面的成都網(wǎng)站建設(shè)方案，打造行業(yè)特色的成都網(wǎng)站建設(shè)案例，建站熱線：18980820575，我們期待您的來電！

默認情況下，<select>元素的大小取決于最大<option>文本的大小。但是，有時當用戶嘗試選擇某個選項（即聚焦）時，將固定寬度設(shè)置為選擇框并將其大小增加回原始大小會很有用。

以下示例演示了如何使用純CSS實現(xiàn)此效果：

例試試這個代碼&raquo;

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="utf-8">

<title>Increase Select Box Size on Focus</title>

<style>

    select {

        width: 150px;

        margin: 10px;

    }

    select:focus {

        min-width: 150px;

        width: auto;

    }

</style>

</head>

<body>

    <form>

        <select>

            <option>Choose</option>

            <option>This option is large</option>

            <option>This option is very large</option>

            <option>This option is very very large</option>

            <option>This option is very very very large</option>

        </select>

    </form>

</body>

</html>

看完了這篇文章，相信你對“怎么使用CSS:focus偽類”有了一定的了解，如果想了解更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！

當前題目：怎么使用CSS:focus偽類
網(wǎng)站網(wǎng)址：http://chinadenli.net/article18/gjdodp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)頁設(shè)計公司、動態(tài)網(wǎng)站、網(wǎng)站制作、網(wǎng)站維護、建站公司、網(wǎng)站設(shè)計公司

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)

成都app開發(fā)公司