textfield和datetimepicker的标准引导程序模板问题

时间:2016-08-12 03:26:28

标签: asp.net-mvc twitter-bootstrap datetimepicker

我正在使用标准的MVC引导程序模板并遇到了一些问题:

1)见下面的截图。如何摆脱焦点出现在文本区域中的十字架?

2)与所有其他字段不同,日期中的文字太左对齐。我在这里使用bootstrap datetimepicker。

enter image description here

1 个答案:

答案 0 :(得分:0)

您必须创建一个custom.css类来覆盖默认bootstrap.css。并在custom.css

下面放置bootstrap.css的链接引用
  1. 在摆脱十字架时,右键单击它,导航到浏览器上下文菜单中的检查。看一下检查器,十字和边框颜色由文本框的焦点状态触发。在Chrome中点击:hov并选择:focus,这将显示单击文本控件时设置样式的css。你应该找到为Cross设计样式的元素。只需将整个类复制到custom.css中,然后删除十字架样式的属性
  2. 即可
  3. 对于Datapicker,您需要右键单击显示的日期去检查,将课程复制到custom.css并添加所需像素的左侧填充,例如padding-left:20px;
  4. Chrome中的示例检查器

    enter image description here