HTML/CSS textarea 大小设定

adventurelw · 2013年05月19日 · 最后由 jyz19880823 回复于 2013年05月20日 · 10009 次阅读

f.text_area 使用 rows, cols, size 属性都没问题。 但 style: 'width: 200px; height: 150px;' 则 width 有效,height 无效

在 css 文件中 设定

textarea {
  height: 150px;
  width: 200px;
}

完全无效,只会有默认的 rows=30 生效。。。。。。 求教!!!!!

chrome 浏览器。

既然用到了 chrome,请鼠标右击“审查元素”

加 display:block

#1 楼 @zealinux 审查元素也只能看到 height 被打了横线,表示无效。。。。。。min-height 倒是个有效属性,但也没有发生作用。。。。 查看了本站的一些设定,发现用 simple_form 的 f.input :body, as: :text, input_html: { style: 'height: 400px;' } 有效,虽然最终显示的好像 399.xxxxxxxyyyypx,但应该属于有效的。 我自己用 form_for,所以是 f.text_area ...., style: 'height: 100px;' 生成的 html 和本站一样,除了数据不起作用之外。。。 本站 css 中的有 width 属性,但 height 却是这样设定的,是说这个属性不能在 css 中设定么?

#2 楼 @krazy 好像没有效果。。。。。。

#4 楼 @adventurelw 应该是因为行内元素的性质导致的啊。。不过看你说的打了横线可能是被别的样式覆盖了,指定 id 再赋样式试试?

#5 楼 @krazy 确实指定了 id 来着。

每个元素都是有加权的,行内样式最高,然后是 id,然后 calss,然后 name

需要 登录 后方可回复, 如果你还没有账号请 注册新账号