f.text_area 使用 rows, cols, size 属性都没问题。 但 style: 'width: 200px; height: 150px;' 则 width 有效,height 无效
style: 'width: 200px; height: 150px;'
在 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 中设定么?
f.input :body, as: :text, input_html: { style: 'height: 400px;' }
f.text_area ...., style: 'height: 100px;'
#2 楼 @krazy 好像没有效果。。。。。。
#4 楼 @adventurelw 应该是因为行内元素的性质导致的啊。。不过看你说的打了横线可能是被别的样式覆盖了,指定 id 再赋样式试试?
#5 楼 @krazy 确实指定了 id 来着。
每个元素都是有加权的,行内样式最高,然后是 id,然后 calss,然后 name