استایل عاشقانه برای اینپوت ها و دکمه ها

با سلام خدمت همه هایپرتمپی های گل

امروز با یک استایل ویژه قالب های عاشقانه در خدمت شما میباشیم شما با قرار دادن این استایل در هد به تمامی اینپوت ها و دکمه های سایت خود استایلی زیبا میدهید که به قالبتون زیبایی دو چندان می افزاید . امیدوارم این مطلب برای مشا مفید واقع شود.

با سلام خدمت همه هایپرتمپی های گل

امروز با یک استایل ویژه قالب های عاشقانه در خدمت شما میباشیم شما با قرار دادن این استایل در head به تمامی اینپوت ها و دکمه های سایت خود استایلی زیبا میدهید که به قالبتون زیبایی دو چندان می افزاید . امیدوارم این مطلب برای مشا مفید واقع شود.

برای مشاهده دمو کلیک کنید...

<style>input[type="submit"],input[type="button"],input[type="reset"]{background: #e2e2e2;background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);background: -webkit-gradient(left top, left bottom, color-stop(0%, #e2e2e2), color-stop(50%, #dbdbdb), color-stop(51%, #d1d1d1), color-stop(100%, #fefefe));background: -webkit-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);background: -o-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);background: -ms-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);background: linear-gradient(to bottom, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0 );border: 1px solid #A4A0A0;border-radius: 10px;padding: 3px 10px;box-shadow: 0px 0px 3px -1px inset;font-family: SYekan,tahoma !important;font-size: 10px;cursor: pointer;}input[type="submit"]:hover,input[type="button"]:hover,input[type="reset"]:hover{background: #efc5ca;background: -moz-linear-gradient(top, #efc5ca 0%, #d24b5a 50%, #ba2737 51%, #f18e99 100%);background: -webkit-gradient(left top, left bottom, color-stop(0%, #efc5ca), color-stop(50%, #d24b5a), color-stop(51%, #ba2737), color-stop(100%, #f18e99));background: -webkit-linear-gradient(top, #efc5ca 0%, #d24b5a 50%, #ba2737 51%, #f18e99 100%);background: -o-linear-gradient(top, #efc5ca 0%, #d24b5a 50%, #ba2737 51%, #f18e99 100%);background: -ms-linear-gradient(top, #efc5ca 0%, #d24b5a 50%, #ba2737 51%, #f18e99 100%);background: linear-gradient(to bottom, #efc5ca 0%, #d24b5a 50%, #ba2737 51%, #f18e99 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efc5ca', endColorstr='#f18e99', GradientType=0 );border: 1px solid #f18e99;border-radius: 10px;padding: 3px 10px;box-shadow: 0px 0px 3px -1px inset;font-family: SYekan,tahoma !important;font-size: 10px;color:#fff;}input[type="text"],input[type="password"],input[type="email"]{border: 1px solid #A4A0A0;border-radius: 10px;padding: 3px 10px;color: #323232;box-shadow: 0px 0px 3px -1px inset;margin: 5px 0px;font-family: SYekan,tahoma !important;font-size: 10px;}input[type="text"]:hover,input[type="password"]:hover,input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:hover,input[type="email"]:focus{border: 1px solid #F00304;border-radius: 10px;padding: 3px 10px;color: #F00304;box-shadow: 0px 0px 3px -1px inset #F00304;margin: 5px 0px;}</style>