چپ چین کردن صفت input
سلام وقت بخیر
من یه تگ input دارم و از placeholder استفاده کردم یه متن فارسی نوشتم و راست چین هست ، ولی چیزی که قراره توش نوشته بشه انگیلسی و حروف و عدد توشه وقتی نوشته میشه قاطی پاتی میشه
چطوری میتونم متنی که نوشته میشه فقط چپ چین بشه و اون متن خود placeholder راست بمونه؟
پاسخها
2
سلام
برای تغییر جهت متن داخل اینپوت باید از direction ها استفاده کنید هم میتونید به عنوان یک attribute به خود تگ input بدید خوب حالا من میخوام یه نمونه کد برات بنویسم توی css ببین کارتو راه میندازه یا نه باید به placeholder اینپوت direction جدا گانه بدیم و به متن های داخل اینپوت direction جداگانه بدیم کدشو مینویسم حالا کارتو راه انداخت که هیچ اگر نشد بگو یه کد جدید برات بنویسم
<!DOCTYPE html>
<html>
<head>
<style>
.test {
text-align: left;
direction: LTR;
}
.test::placeholder {
text-align: right;
direction: RTL;
}
</style>
</head>
<body>
<input class="test" type="text" placeholder="Sample Text">
</body>
</html>
سلام،
برای این کار میتونید از یک CSS سفارشی استفاده کنید. ابتدا برای input خود کلاسی تعریف کنید مثلا custom-input و در CSS خود این کلاس رو تعریف کنید:
.custom-input::-webkit-input-placeholder {
text-align: right;
}
.custom-input:-moz-placeholder {
text-align: right;
}
.custom-input::-moz-placeholder {
text-align: right;
}
.custom-input:-ms-input-placeholder {
text-align: right;
}
.custom-input::placeholder {
text-align: right;
}
این کد به طور کلی برای تغییر قالب placeholder در input ها استفاده می شود. با این کد پلی هاولدر شما فقط راست چین خواهد بود و متن نوشته شده درون آن چپ چین خواهد بود. برای استفاده از این کد، فقط کافی است که به input خود کلاس custom-input را اضافه کنید.
گفتگوهای مرتبط
شاید پاسخ شما همینجا باشد