استایل دادن به فیلد input

np.1400 · مهر 92

سلام

چجوری به فیلد ها به صورت زیر استایل بدم؟

http://lajevardisc.com/service/login.php

که با کیلک کردن رنگش عوض شه؟

ممنون

Alireza Xn · مهر 92

کار راحتیه! این یک تگ هاور هستش و باید در کد های css اون یک تگ هاور بهش اضافه بشه

و برای زیبایی بیشتر یک زمان تاخیری بهش داده شده

به این شکل :


.input a{
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
-ms-transition: 0.2s linear;
-o-transition: 0.2s linear;
transition: 0.2s linear;

}

.input a:hover{
box-shadow:#06F;
border-color:#06F;


}

ویرایش شده مهر 92 توسط RapiD AM

np.1400 · مهر 92

مردم

نمیشه

http://lajevardisc.com/

تو ستون سمت راست 4 تا فیلد هست که اصلا از تو استایل کنترل نمیشه

هر چی کد میدم کشکه :lol:

np.1400 · مهر 92

ببینید

این div منه:


<head>
<link rel="stylesheet" href="http://lajevardisc.com/wp-content/themes/lajevardi-theme/style.css" type="text/css" media="screen, projection" />
</head>
<div style="width:100%; height:10px; ">
<label style="float:right;">کد مدرس:</label>
<input style="width:130px; height:18px; float:left;" class="nomrainput" type="text" name="username" dir="ltr" />
</div>

اینم استایلم:


.nomrainput {
background: #fff ;
border:1px solid #999;
border-radius: 10px;
	 -moz-border-radius: 10px;
	 -khtml-border-radius: 10px;
	 -webkit-border-radius: 10px;
transition-property:text-shadow,color;
transition-duration:500ms;
	 -moz-transition-property:box-shadow;
	 -moz-transition-duration:500ms;
	 -webkit-transition-property:box-shadow;
	 -webkit-transition-duration:500ms;
	 -o-transition-property:box-shadow;
	 -o-transition-duration:500ms;
}
.nomrainput:focus {
box-shadow: 0px 0px 5px #125bff;
	 -moz-box-shadow: 0px 0px 5px #125bff;
	 -webkit-box-shadow: 0px 0px 5px #125bff;
}

اما قسمت اول استایل رو اصلا نمیخونه و فقط قسمت nomrainput:focus رو میخونه

تا قسمت اول رو نخونه که کارم راه نمیوفته

**Morteza** · مهر 92

خروجیتون درسته:

http://jsfiddle.net/8d3YA/

np.1400 · مهر 92

بله

تو ابزارک ها به صورت متن گذاشتم

و استایل هم تو style.css گذاشتم

چرا تو کار اجرا نمیکنه پس؟

---

استایل رو بردم توی خود ابزارک ها درست شد

ممنون

ویرایش شده مهر 92 توسط np.1400

ورود

استایل دادن به فیلد input

پست های پیشنهاد شده

np.1400 542

لینک به ارسال

Alireza Xn 1644

لینک به ارسال

np.1400 542

لینک به ارسال

np.1400 542

لینک به ارسال

Morteza 34190

لینک به ارسال

np.1400 542

لینک به ارسال

به گفتگو بپیوندید

فهرست بخش ها

فعالیت ها