Cod*_*ody 2 css datepicker react-bootstrap html5-input-date react-bootstrap-form
我使用 react-bootstrap <Form.Control type="date"> 并且日历图标或日期选择器自动设置在表单字段的右侧/末尾。我想将日历图标/日期选择器移动到表单字段的左侧/开头,或者它紧跟在日期之后。我试图找到合适的 node_module 来更改日历图标位置的 CSS 代码,但我找不到它。
那么有谁知道我应该在哪里修改 CSS 或者有更好的解决方法吗?
下面是表格现在的样子:
我看到了这个帖子,他们的解决方案/建议对我有用。我的具体解决方案如下:
我用以下代码创建了一个新的 css 文件——
输入[type="date"]::-webkit-calendar-picker-indicator { 位置:绝对;左:0;}
输入::-webkit-datetime-edit { 位置:相对;左:15px;}
输入::-webkit-datetime-edit-fields-wrapper { 位置:相对;左:15px;}
然后我将它导入到我的表单文件中并且它起作用了。现在看看
归档时间: |
|
查看次数: |
2475 次 |
最近记录: |