<el-date-picker v-model="OrderDate" type="date" placeholder="请选择时间" value-format="'YYYY-MM-DD'" size="mini" /> 在el组件前加个星号
时间: 2023-07-21 16:09:20 浏览: 90
v-date-picker
要在`<el-date-picker>`组件前加一个星号,你可以使用CSS伪元素`::before`或`::after`来实现。以下是一个示例:
```html
<div class="star-wrapper">
<span class="star">*</span>
<el-date-picker v-model="OrderDate" type="date" placeholder="请选择时间" value-format="'YYYY-MM-DD'" size="mini" />
</div>
```
```css
.star-wrapper {
position: relative;
}
.star {
position: absolute;
top: 0;
left: -10px;
color: red;
}
```
上述代码将在`<el-date-picker>`组件前创建一个包裹元素,并在其内部添加一个带有红色颜色的星号。你可以根据需要自定义星号的样式,比如改变颜色、大小、位置等。请注意,这只是一个示例,你可以根据实际情况进行修改。
阅读全文