html - 如何将标签元素的一侧更改为左侧
问题描述
我有植物形式的表格,但我无法让元素(位于flo-select:before
css 上)将其移动到左侧。
这是我现在拥有的:
这就是我想要实现的目标:
这是HTML代码:
这是现场直播:现场演示
.floraforms .flo-select>select::-ms-expand {
display: none
}
.floraforms .flo-select:after,
.floraforms .flo-select:before {
content: '';
position: absolute;
pointer-events: none;
z-index: 15;
}
.floraforms .flo-select:before {
top: 2px;
right: 2px;
width: 34px;
bottom: 2px;
background: #F2F4FA;
border-left: 1px solid #d3dae7;
-webkit-border-radius: 0 1px 1px 0;
-moz-border-radius: 0 1px 1px 0;
-o-border-radius: 0 1px 1px 0;
border-radius: 0 1px 1px 0;
}
<div class="elem-group colm colm6">
<label class="field flo-select">
<select id="month" name="month">
<option value=""> Select month </option>
<option value="01">01 - Jan</option>
<option value="02">02 - Feb</option>
<option value="03">03 - Mar</option>
<option value="04">04 - Apr</option>
<option value="05">05 - May</option>
<option value="06">06 - Jun</option>
<option value="07">07 - Jul</option>
<option value="08">08 - Aug</option>
<option value="09">09 - Sep</option>
<option value="10">10 - Oct</option>
<option value="11">11 - Nov</option>
<option value="12">12 - Dec</option>
</select>
<i class="arrow double"></i>
</label>
</div>
解决方案
推荐阅读
- c# - 是否可以将 TFS 2010 中的工作项从一个项目复制到同一服务器下的另一个项目?像 C# 代码的 http://sbn-mdx-wxe01:8080/tfs
- quarkus - 当 application-type=service 时如何在 Quarkus 应用程序中使用 @IdToken?
- node.js - 自动增量从 x 开始
- android - Android 中的消息应用程序无需用户交互即可触发 GET 链接
- machine-learning - k折交叉验证中较大或较小k的权衡
- c++ - CMake:“导入的目标
包括不存在的路径” - reactjs - Office Fluent UI / DatePicker - onSelectDate 不发送事件作为参数
- javascript - 从数据中删除叶节点
- javascript - 添加chart.js后,我的锚标签在我的网站中不起作用
- android - 云数据库 AGConnectInitializeProvider 错误