bux23
7/12/2016 - 3:15 PM

Html input style 1

Html input style 1

.styled-select {
	   background: url(http://i62.tinypic.com/15xvbd5.png) no-repeat 96% 0;
	   height: 32px;
	   overflow: hidden;
	   width: 240px;
	   -webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	   border-radius: 5px;
	   background-color: white;
	   color: #333;
	   margin: 10px 0;
	   border: 1px solid #333;
	}

	.styled-select select {
	   background: transparent;
	   border: none;
	   font-size: 16px;
	   height: 32px;
	   padding: 5px;
	   width: 100%;
	   -webkit-appearance: none;
	   appearance: none;
	   -moz-appearance: none; 
	}
	
	select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
	}
	
	select {
	  color: #000;
	  color: rgba(0,0,0,0);
	  text-shadow: 0 0 0 #000;
	}
	
	input[type=text]:invalid { color: red; }
	input[type=text]:valid { color: #333; }
	input::-moz-placeholder, input:focus { box-shadow:none !important; }
	input:invalid { box-shadow:none; }
	input:focus, .styled-select:focus { box-shadow: 0 0 3px #f29400 !important; }