hello
how are you?
چه خبر؟
رو به رشدین
خب
با این کد میتونید.buttonوinputوtextarea رو به رنگ های مختلف تغییر بدین
برای دیدن دمو کلیک کنید
خب حالا بریم سراغ کد
رنگ نارنجی:
کد:
button ,input ,textarea {background-color: #FA6900;border-radius: 3px;border: none;color: #fff;cursor: pointer;display: inline-block;font-family: b yekan,tahoma,arial;font-size: 0.75em;line-height: 1; margin:0; padding: 1em 2.5em; text-decoration: none; text-transform: uppercase; transition: 0.25s;}button ,input ,textarea:hover { background-color:#F38630;}رنگ ابی:
کد:
button ,input ,textarea {background-color: #2980b9;border-radius: 3px;border: none;color: #fff;cursor: pointer;display: inline-block;font-family: b yekan,tahoma,arial;font-size: 0.75em;line-height: 1; margin:0; padding: 1em 2.5em; text-decoration: none; text-transform: uppercase; transition: 0.25s;}button ,input ,textarea:hover { background-color:#3498db;}رنگ بنفش:
کد:
button ,input ,textarea {background-color: #8e44ad;border-radius: 3px;border: none;color: #fff;cursor: pointer;display: inline-block;font-family: b yekan,tahoma,arial;font-size: 0.75em;line-height: 1; margin:0; padding: 1em 2.5em; text-decoration: none; text-transform: uppercase; transition: 0.25s;}button ,input ,textarea:hover { background-color:#9b59b6;}رنگ قرمز:
کد:
button ,input ,textarea {background-color: #c0392b;border-radius: 3px;border: none;color: #fff;cursor: pointer;display: inline-block;font-family: b yekan,tahoma,arial;font-size: 0.75em;line-height: 1; margin:0; padding: 1em 2.5em; text-decoration: none; text-transform: uppercase; transition: 0.25s;}button ,input ,textarea:hover { background-color:#e74c3c;}رنگ اسفالت خیس(فلت):
کد:
button ,input ,textarea {background-color: #2c3e50;border-radius: 3px;border: none;color: #fff;cursor: pointer;display: inline-block;font-family: b yekan,tahoma,arial;font-size: 0.75em;line-height: 1; margin:0; padding: 1em 2.5em; text-decoration: none; text-transform: uppercase; transition: 0.25s;}button ,input ,textarea:hover { background-color:#34495e;}رنگ سبز:
کد:
button ,input ,textarea {background-color: #16a085;border-radius: 3px;border: none;color: #fff;cursor: pointer;display: inline-block;font-family: b yekan,tahoma,arial;font-size: 0.75em;line-height: 1; margin:0; padding: 1em 2.5em; text-decoration: none; text-transform: uppercase; transition: 0.25s;}button ,input ,textarea:hover { background-color:#1abc9c;}منبع :سیب گراف
