CSS设置Textarea宽度为100％

我在TD标签内有一个Textarea，我想将textarea宽度设置为100％，因此宽度与TD宽度相同。CSS设置Textarea宽度为100％

我用：

textarea{width:100%}

但没有奏效。

任何人有任何想法，为什么它不工作请吗？

感谢

来源

2011-04-15 Satch3000

' “没用”'是问题的一个非常无用的描述。它有什么问题让你说它“不工作”？ – thirtydot 2011-04-15 22:42:29

作品[在这个小提琴]（http://jsfiddle.net/WZ3eY/）...很难说，为什么它不适用于你的情况没有更多的细节。也许另一种风格是干涉？ – 2011-04-15 22:48:27

@optus：你已经为你的td设置了一个宽度，作弊者;）我认为@ Satch3000忘了那个。 – Marnix 2011-04-15 22:50:45

的问题是，只要我能想到的：你的textarea希望从td它是在得到它的宽度（100％），但td默认有一个动态的宽度，所以除非你没有指定你的td的宽度，否则你的textarea不会成为你手机的100％。

单元格本身没有宽度，即使您认为它会自动调整您的表格。那么它不会，因为这个自动缩放是由它内部的内容决定的。所以100％的内容不被解释为正确的，因为100％取决于自身动态的td的宽度。

我能继续这样的回答类似这样的循环......

来源

2011-04-15 22:49:57 Marnix

你关闭textarea标签？以下作品：

<html> 
<head> 
</head> 
<body> 
<table style="width:500px;border:1px solid red"><tr><td> 
<textarea style="width:100%"></textarea> 
</td></tr></table> 
</body> 
</html>

来源

2011-04-15 22:50:29 lod3n

为什么它只在使用内联css时才起作用？我想将所有textarea设置为100％，但只有内联样式正在工作。 – Satch3000 2011-04-15 23:01:36

可能因为不同的[CSS类更具体]（http://www.htmldog.com/guides/cssadvanced/specificity/）。直接设置'style'属性是最具体的。 – 2011-04-15 23:16:44

您也可以尝试覆盖更多特定的选择器：textarea {width：100％！important} – lod3n 2011-04-16 00:40:07

-1

尝试

-webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
     box-sizing: border-box;

来源

2013-05-23 22:50:39 Aley

CSS设置Textarea宽度为100％

回答

相关问题