Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Default Color code on HTML button

Tags:

html

css

i have to make a anchor <a> , which will look similar to HTML button. but m not able to find the default background color on input type button.

like image 840
Abhinav Parashar Avatar asked Jan 13 '23 16:01

Abhinav Parashar


1 Answers

Firefox uses a scaled grey - from RGB(112,112,112) #707070 at the darkest point to RGB(252,252,252) #FCFCFC at it's lightest.

Something like this might come close:

/* Note: This gradient may render differently in browsers that don't support the unprefixed gradient syntax */

/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top left, #707070 -50%, #FCFCFC 110.00000000000001%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top left, #707070 -50%, #FCFCFC 110.00000000000001%);

/* Opera */ 
background-image: -o-linear-gradient(top left, #707070 -50%, #FCFCFC 110.00000000000001%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, right bottom, color-stop(-.5, #707070), color-stop(1.1, #FCFCFC));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top left, #707070 -50%, #FCFCFC 110.00000000000001%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom right, #707070 -50%, #FCFCFC 110.00000000000001%);

But you'll probably want to play around with one of the various CSS tools out there to get it just right.

like image 80
Steve Kallestad Avatar answered Jan 19 '23 12:01

Steve Kallestad