【问题标题】:asp.net textbox text on IE 10 after apply bootstrap应用引导程序后 IE 10 上的 asp.net 文本框文本
【发布时间】:2018-03-26 06:22:19
【问题描述】:

应用 bootstrap asp.net 文本框后显示这样的文本。如何解决这个问题?我应用了行高:0。但是没有效果。this is the issue

【问题讨论】:

  • 尝试减小字体大小或增加文本框大小
  • 为文本框添加填充,它可能会对您有所帮助。或者您可以使用 Css Reset 在所有类型的浏览器中进行相同的设计。
  • @DhavalPankhaniya 此问题仅在 IE10 上显示,而不在 IE11+ 中显示。其他浏览器看起来不错。

标签: html css asp.net twitter-bootstrap internet-explorer-10


【解决方案1】:

我希望您的 textarea 固定高度或行高不同字体大小,以便您检查您的 css 并设置流此代码的高度: 并尝试

input{ line-height: inherit;
font-size: 30px;
height: 50px;}

【讨论】:

  • 问题在 IE10 中仍然存在
  • 其实这段代码是我的 IE10 钢铁作品,当在 IE10 中不工作时,你写的这个 CSS 是:line-height: 30px;或行高:100%;文本框的全部高度。
【解决方案2】:

终于得到解决方案,使用这个媒体查询来解决 IE 10 文本框文本顶部底部修剪问题。

@media screen and (min-width:0\0) {
            /* IE9 and IE10 rule sets go here */
            input[type=text] {

                line-height:100%;
                font-size:18px;
                height:18px;
            }


        }

【讨论】:

    猜你喜欢
    • 2014-08-31
    • 2014-07-23
    • 1970-01-01
    • 2011-11-21
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多