چرا تگهای select و textarea از استایلی که توی فایل خارجی تعیین می کنم پیروی نمی کنن؟

[idocsidocs]

وقتی برای تگهای select و textarea عرض و padding تعریف می کنم از این استایل پیروی نمی کنن.

دلیل این مشکل چیه و چطور می شه برطرفش کرد؟

[کامروا]

وقتی برای تگهای select و textarea عرض و padding تعریف می کنم از این استایل پیروی نمی کنن.

دلیل این مشکل چیه و چطور می شه برطرفش کرد؟
لطفا کدها رو قرار بدید...

[tamafi6]

احتمالاكدهاي htmlموردنظررادرست بهcssمعرفي نكردي

[Joyebright]

وقتی برای تگهای select و textarea عرض و padding تعریف می کنم از این استایل پیروی نمی کنن.

دلیل این مشکل چیه و چطور می شه برطرفش کرد؟

حتماٌ باید کد باشه تا بتونیم نظر بدیم ، احتمالات متعددی برای مشکل شما وجود دارد که چندتاشو دوستان گفتن

[idocsidocs]

کد خاصی نیست. توی فایل css این دستور رو قرار دادم:

.w1 { width:100px; padding: 5px; }
کد html :

<textarea class="w1" name="textarea1" id="textarea1">textarea</textarea>

[ravand]

اگه میخوای textarea بزرگ و کوچیک بشه width نمیخواد . rows و cols بهش بده

[saeedtrb]

دوست عزيز كد شما درست است احتمالا تو لينك كردن فايل css تون اشتباه داريد

[کامروا]

مشکلی نداره که !

اینم دمو (http://jsfiddle.net/8N8Xt/)

[idocsidocs]

البته باید اندازه textarea رو نسبت به سایر تگها که از این کلاس استفاده می کنن حساب کرد. این کد رو امتحان کنید:
توی فایل css این دستور رو قرار دادم:

.w1 { width:100px; padding: 5px; }


<textarea class="w1" name="textarea1" id="textarea1">textarea</textarea>
<div class="w1">div </div >
پهنای این دوتا تگ توی کدهای من با هم فرق می کنه و با اینکه از یه کلاس استفاده می کنن تگ textarea1 پهنای کمتری داره.

[کامروا]

چونکه textarea شما داره علاوه بر کلاس w1 ، از Id = textarea1 هم استفاده میکنه. همونطور که میدونید اولویت اجرای دستورات درون ID بیشتر از Class هست.
به همین خاطر دستورات Width و Height درون ID اعمال میشوند.

برای اینکه اولویت یکسری خصوصیات را بیشتر کنید باید از کلمه کلیدی !important استفاده کنید.
به این صورت :

HTML :
<textarea id="id1" class="t1">

</textarea>

CSS :
.t1 {
width : 250px!important;
height: 150px!important;
padding: 10px;
}
#id1 {
width: 100px;
height: 100px;
}