简单漂亮的下拉框

2020-02-22  本文已影响0人  flamez57

如下图展示

未展开状态 展开状态

上代码:

<style>

        div{

            width: 200px;

            height: 40px;

            border-radius: 5px;

            box-shadow: 0 0 5px #ccc;

            position: relative;

        }

        select{

            border: none;

            outline: none;

            width: 100%;

            height: 40px;

            line-height: 40px;

            appearance: none;

            -webkit-appearance: none;

            -moz-appearance: none;

            padding-left: 60px;

        }

</style>

<div>

    <select name="">

        <option value="1"> php在线运行</option>

        <option value="2"> java在线运行</option>

        <option value="3"> java在线运行</option>

    </select>

</div>

上一篇下一篇

猜你喜欢

热点阅读