文本字段和日期时间选择器的标准 bootstrap 模板问题
standard bootstrap template issues with textfield and datetimepicker
我正在使用标准 MVC bootstrap 模板并遇到了一些问题:
1) 请参见下面的屏幕截图。如何摆脱出现在具有焦点的文本字段中的十字?
2) 与所有其他字段不同,日期中的文本过于左对齐。我在这里使用 bootstrap 日期时间选择器。
您必须创建一个 custom.css
class 来覆盖默认值 bootstrap.css
。并在 custom.css
下方放置一个 link 引用 bootstrap.css
- 去掉十字,右键单击它,导航到浏览器上下文菜单中进行检查。看一下检查器,十字和边框颜色是由文本框的焦点状态触发的。在 Chrome 中单击 :hov 和 select :focus,这将显示 css,它在单击时设置文本控件的样式。您应该找到设置十字架样式的元素。只需将整个 class 复制到您的 custom.css 并删除样式为 cross
的属性
- 对于数据选择器,您需要右键单击显示的日期进行检查,将 class 复制到您的
custom.css
并添加所需像素的左填充,例如 padding-left:20px;
检查员样本 Chrome
我正在使用标准 MVC bootstrap 模板并遇到了一些问题:
1) 请参见下面的屏幕截图。如何摆脱出现在具有焦点的文本字段中的十字?
2) 与所有其他字段不同,日期中的文本过于左对齐。我在这里使用 bootstrap 日期时间选择器。
您必须创建一个 custom.css
class 来覆盖默认值 bootstrap.css
。并在 custom.css
下方放置一个 link 引用 bootstrap.css
- 去掉十字,右键单击它,导航到浏览器上下文菜单中进行检查。看一下检查器,十字和边框颜色是由文本框的焦点状态触发的。在 Chrome 中单击 :hov 和 select :focus,这将显示 css,它在单击时设置文本控件的样式。您应该找到设置十字架样式的元素。只需将整个 class 复制到您的 custom.css 并删除样式为 cross 的属性
- 对于数据选择器,您需要右键单击显示的日期进行检查,将 class 复制到您的
custom.css
并添加所需像素的左填充,例如padding-left:20px;
检查员样本 Chrome