html:选择输入内和周围的边距

tim*_*tim 3 html css

我试图减少几个选择框之间和之内的边距.因此它是选择和选择内部之间的差距.如果我缩小选择的宽度,它会切断所选的选项,但会留下边距.

<html>
    <body>            
        <select>
            <option>11</option>
            <option>12</option>
            <option>13</option>
            <option>14</option>
        </select>
        <select>
            <option>15</option>
            <option>16</option>
            <option>17</option>
            <option>18</option>
        </select>
    </body>
</html>
Run Code Online (Sandbox Code Playgroud)

我怎么能这样做:

看起来像这样:

Yoa*_*ann 6

设计一个select元素真的很难,因为每个浏览器都会让它变得与众不同.但是我有更改de text-indentwidth属性来删除元素中的空格.

select {
    margin: 0 -2px;
    text-indent:-2px;
    width: 38px;
}
Run Code Online (Sandbox Code Playgroud)