VS2013的MVC5下input宽度限制问题

使用MVC5创建了一个项目，做了个测试页面，结果页面里的input字段宽度始终不正确，使用width:100%或者width:600px之类都达不到要求的宽度

一开始怀疑是div的宽度限制，用firefox检查后，div的宽度是正确的100%，而input字段宽度仍然只占了一小部分

用firefox检查input的css样式，查不出问题来

找度娘，度娘也说不出啥来

猜测是BootStrap引起的问题？把BundleConfig里的相关CSS注释掉，这下正常了

在度娘里又加上BootStrap关键字，这次有说是需要加formcontrol 和col-lg-*之类的class，可是试了后仍然不正确

度娘的检索关键字还真是有点困难，度娘了半天，最后终于找到了一条CSDN上的帖子，http://bbs.csdn.net/topics/390821649

原来是VS自动生成的site.css里做了input的maxwidth限制

打开site.css，修改下这项问题就解决了

时间： 2024-10-19 18:07:29

VS2013的MVC5下input宽度限制问题的相关文章

解决Firefox下input button内文字垂直居中

众所周知,在Firefox下input type=”button”的文字是不好居中的,原因在于Firefox自己比较二,弄了个私有属性,导致以下问题的出现: 按钮左右本身有2px的间距(FF私有属性写了padding:0 2px所致): 按钮文字居中是不行的(此时设置padding-bottom是没用的) : 等等… 1 input[type="reset"]::-moz-focus-inner, 2 input[type="button"]::-moz-focus

取消chrome浏览器下input和textarea的默认样式；html5默认input内容清除“×”按钮去除办法

取消chrome浏览器下input和textarea的默认样式: outline:none;/*清空chrome中input的外边框*/ html5默认input内容清除“×”按钮去除办法: input::-ms-clear { display: none; }

取消chrome浏览器下input和textarea的默认样式

最近一个细节引起了我的注意,chrome浏览器下的input和textarea在聚焦的时候都有一个黄色的边框,而且textarea还可以任意拖动放大,这是不能容忍的,影响美观不说,有时候拖动textarea还会使页面布局错乱,所以决定重置这些样式. 看代码: 取消chrome下input和textarea的聚焦边框: input,button,select,textarea{outline:none} 取消chrome下textarea可拖动放大: textarea{resize:none} 最

Html-IOS下input的样式添加不上的解决方案

问题描述: 1 <!DOCTYPE html> 2 3 <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> 4 <head> 5 <meta charset="utf-8" /> 6 <title></title> 7 <style> 8 input { width: 100px; height: 25px;

取消chrome下input和textarea的聚焦边框

取消chrome下input和textarea的聚焦边框 2011-12-13 15:48:42| 分类: css兼容问题|举报|字号订阅取消chrome下input和textarea的聚焦边框: input,button,select,textarea{outline:none} 取消chrome下textarea可拖动放大: textarea{resize:none} 最后,写在一起,重置input和textarea的默认样式: input,button,select,textarea

ios下input focus弹出软键盘造成fixed元素位置移位

正常状态下 input focus软键盘弹出时问题描述: 头部结构fixed,滚动到下部内容区域,input.textarea等focus弹出软键盘时,头部位置偏移被居中(该问题ios7 beta3已修复),当软键盘关闭时,头部结构位置又恢复正常安卓手机下,fixed表现要比ios好,不会出现此问题然而在移动端里,基本上所有手机,页面滚动的时候,任何js都不会执行,所以寻找css的方法(且js方法比较消耗性能) 各类大网站的解决方法:一般是页面上避免悬挂元素,或者有悬挂元素时,避免产生软键

IE6下 input 背景图滚动问题

ie6 背景图滚动问题: <title>ie6下input背景图滚动问题</title> <style> .box{ height:20px; width:300px; background:url(%E7%BB%83%E4%B9%A0%E8%A1%A8%E6%A0%BC/mon.jpg) no-repeat; background-color:#fcf; border:1px solid #069; } .box input{height:20px; width:30

linux下input event事件，可以用后台截取键盘按下的键值，后台截取数据.....input.h

如何读取Linux键值,输入子系统,key,dev/input/event,dev/event,C语言键盘? 这里先上一段代码,自己拿到linux系统运行就可以,注意代码中keys_fd = open("/dev/input/event2", O_RDONLY); 这里去你的/dev/input/event2的event事件,去查看你的键盘事件是那一个,如果是event3那么你改成event3好了.这里给一个命令你去查看 cat /proc/bus/usb/devices

IOS下 input 被软键盘方案遮盖问题解决

前言: 并没有完美解决 ! 场景: 最近在做企业微信H5的一个项目,里面有个动态列表页,开始输入框是隐藏的,点击评论才会出现并让 input 聚焦.经过测试在安卓上面应该没什么问题,但是iOS上面会出现 input 被软键盘遮盖或者半遮盖.甚至发送按钮不能点击的状况. 总的来说问题有点小严重. 查阅百度: 好的,百度一搜,哇!解决方案很多,我就放心的去抽了一根烟,想着分分钟完事.BUT 经过试验百度 “ios 下input 被软键盘遮盖” 前两页没有一个能解决我的问题的!!! 不过收获还是有的