【问题标题】:How can I make a text area look exactly the same as a div element? [closed]如何使文本区域看起来与 div 元素完全相同? [关闭]
【发布时间】:2012-07-17 14:26:41
【问题描述】:

我需要让textareadiv 在所有浏览器中看起来完全相同。

我有这个代码:http://jsfiddle.net/eric777/XHtY9/

我怎样才能做到这一点?

【问题讨论】:

  • 我猜你问的是如何让div 看起来像textarea,因为标准的div 只是一个空容器。您是否也知道textareas 在不同的浏览器中看起来不同?
  • 1.他们应该是什么样子? 2. 使用 CSS 重置来摆脱浏览器的默认样式,然后应用您想要的样式。
  • 这里是一个简单的例子 - jsfiddle.net/XHtY9/14
  • 如果您想让<div> 显示为可编辑,那么您可以使用contenteditible 属性:html5demos.com/contenteditable

标签: css html cross-browser textarea


【解决方案1】:

首先,我认为强迫某些东西在所有浏览器中看起来完全相同是一种即将消亡的方法。接受差异并让输入等在浏览器之间的风格略有不同要容易得多。无论如何,很少有访问者会使用多个浏览器访问您的网站,因此很少有人会注意到其中的差异。

现在开始回答您的实际问题。由于您尚未指定 textarea/div 的外观,因此我无法为您提供完整的属性集,但这里有一种实现方法。

  1. 使用 CSS 重置 like this one(还有其他)来摆脱每个浏览器应用的默认样式。现在页面开始在所有浏览器中都具有相同的外观。

  2. 在 div 和 textarea 上应用您想要的样式。

  3. 默认情况下,当内容不适合时,文本区域会滚动。您可能不得不使用overflow-y: scroll;div 元素伪造它。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2018-07-28
    • 2012-10-08
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多