【问题标题】:CSS style textarea like textfield cross browserCSS 样式 textarea 类似 textfield 跨浏览器
【发布时间】:2012-10-05 14:31:14
【问题描述】:

以下 FIDDLE 显示了一系列输入。最后一个是文本字段。在 Firefox 上,它看起来不同,并且基于填充不同呈现(尽管在 FIDDLE 上比没有 FIDDLE 的情况要少。

什么 CSS 可以用来强制它像输入一样跨浏览器运行

http://jsfiddle.net/JdKyr/2/

【问题讨论】:

  • “虽然使用 FIDDLE 比没有 FIDDLE 少”——这是因为 JSFiddle 在您选中左侧列上的“规范化 CSS”框时应用了 CSS 重置。
  • 我知道,但这无助于我回答问题
  • 这就是为什么我将其发布为评论而不是答案。
  • 它们在 Windows7 上的 Firefox 13 中看起来相同。我看到的唯一浏览器是 Chrome,它可以用this 修复。

标签: css textarea appearance


【解决方案1】:

使用以下内容:

textarea { 
    resize: none; 
    font: /* same font declaration here as for the input fields*/
}

其余的对我来说看起来还不错。检查您的 modified fiddle

【讨论】:

    猜你喜欢
    • 2023-04-03
    • 1970-01-01
    • 1970-01-01
    • 2012-11-03
    • 2010-11-29
    • 1970-01-01
    • 2012-09-30
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多