Project / Support Center
Welcome, Guest. Please login or register. January 25, 2021, 11:49: AM
Home Help Search Login Register
D-Web Web Site Creator D - Web Web Site Creator On-line HTML Editor No Programming knowledge required. Web Global Net PayPal-Cart Shopping Cart System PayPal - Kart Shopping Cart System for E-Commerce over the internet, that's easy to use. Web Global Net Newsletter Manager Newsletter Manager On-line Newsletter Creator with Email Subscriber Management.
Ring Central Discount
Web Global Net Web Application & Web Development Project Center  |  Technical Issues  |  CSS Related  |  Topic: Submit Button hover state 0 Members and 1 Guest are viewing this topic. « previous next »
Pages: [1] Go Down Send this topic Print
Author Topic: Submit Button hover state  (Read 3411 times)
admin
Administrator
******
Offline Offline

Posts: 211


« on: February 14, 2017, 05:24: PM »

The first css setting sets the basic button look and feel

The second setting sets the hover state of the button itself


.green_submit_buttonRM {
   font-size: 13px;
   font-weight: 500;
   height: auto;
   line-height: 15px;
   border-radius: 5px;
   display: inline-block;
   padding-top: 5px;
   padding-right: 10px;
   padding-bottom: 5px;
   padding-left: 10px;
   background-color: rgba(79,244,83,0.80);
   color: rgba(0,0,0,1.00);
   font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, sans-serif;
   font-style: normal;
   font-variant: normal;
   border-collapse: collapse;
}

.green_submit_buttonRM:hover {
   border: 1px solid #999;
   color: #000;
   background-color: rgba(11,247,128,1.00);
}
Report to moderator   Logged

The Unknown Webmaster
Pages: [1] Go Up Send this topic Print 
Web Global Net Web Application & Web Development Project Center  |  Technical Issues  |  CSS Related  |  Topic: Submit Button hover state « previous next »
Jump to:  


Login with username, password and session length
Powered by MySQL Powered by PHP Powered by SMF 1.1.19 | SMF © 2013, Simple Machines Valid XHTML 1.0! Valid CSS!