我使用Bootstrap的btn-mini类的“迷你”按钮,并寻找类似于创建一个“迷你”选择元素的东西,其中选择按钮(即你点击的部分显示选项列表,而不是列表选项本身)与迷你按钮的大小和样式相同。
当我将btn-mini类应用于select元素时,选择按钮的字体样式与mini按钮的大小相同,但是选择按钮本身的大小与默认大小没有变化。
有没有不同的Bootstrap类我应该使用?还是另一种方法呢?
解决方法
HTML
<select class="btn btn-mini"> <!-- options --> </select> <span class="caret"></span>
CSS
select.btn-mini { height: auto; line-height: 14px; } /* this is optional (see below) */ select.btn { -webkit-appearance: button; -moz-appearance: button; appearance: button; padding-right: 16px; } select.btn-mini + .caret { margin-left: -20px; margin-top: 9px; }
最后2条规则是可选的,它将使< select>看起来像< button> ;,我还添加了一个插入符号。见这fiddle。
原文地址:https://www.jb51.cc/bootstrap/234414.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。