Internet Explorer 滚动条出现在文本区域中,而不是外部
Internet Explorer Scrollbar appears in textarea, rather than outside
我遇到了浏览器兼容性问题。用文字很难解释,所以我也会放图片。在 Internet Explorer 中,滚动条似乎出现在 内部 textarea
元素,而不是外部,这对于区域中只有一行的应用程序来说是不可取的。这是一个例子:
在 Internet Explorer 上:
在 Google Chrome(期望的结果)
P.S。大小不是问题,滚动条才是问题。
这是一个显示问题的最小示例。在 IE 中加载页面以查看不需要的行为,并在 Chrome/Firefox 中查看所需的行为:https://jsfiddle.net/qqget1wm/
这是因为特定于浏览器的 CSS 作为默认加载,我建议您将 min-height 添加到您的 textarea 标签。 https://jsfiddle.net/qqget1wm/3/
.fun {min-width: 95%; overflow-x: scroll; white-space: nowrap;min-height:30px;}
我遇到了浏览器兼容性问题。用文字很难解释,所以我也会放图片。在 Internet Explorer 中,滚动条似乎出现在 内部 textarea
元素,而不是外部,这对于区域中只有一行的应用程序来说是不可取的。这是一个例子:
在 Internet Explorer 上:
在 Google Chrome(期望的结果)
P.S。大小不是问题,滚动条才是问题。
这是一个显示问题的最小示例。在 IE 中加载页面以查看不需要的行为,并在 Chrome/Firefox 中查看所需的行为:https://jsfiddle.net/qqget1wm/
这是因为特定于浏览器的 CSS 作为默认加载,我建议您将 min-height 添加到您的 textarea 标签。 https://jsfiddle.net/qqget1wm/3/
.fun {min-width: 95%; overflow-x: scroll; white-space: nowrap;min-height:30px;}