No replies
josephbupe
josephbupe's picture
Offline
newbie
Last seen: 7 years 20 weeks ago
Timezone: GMT+2
Joined: 2013-03-06
Posts: 2
Points: 4

Hi,

I have a css style code I want to include in it a style for the select option box:

/************************************************************************************
FORM STYLE BEGIN
*************************************************************************************/
 
/* input styles */
input, 
textarea, 
input[type=search] {
	background: #f4f4f4;
	border: solid 1px #a3a3a3;
	padding: 5px 10px;
	font: 15px "Times New Roman", Times, serif;
	-webkit-box-shadow: inset 0 2px 3px rgba(0,0,0,.1);
	-moz-box-shadow: inset 0 2px 3px rgba(0,0,0,.1);
	box-shadow: inset 0 2px 3px rgba(0,0,0,.1);
	/* -webkit-border-radius: 5px; */
	/* -moz-border-radius: 5px; */
	/* border-radius: 5px; */
	-webkit-appearance: none; /* reset webkit search style */
}
 
/* input:focus styles */
input[type=text]:focus, 
textarea:focus,
input[type=search]:focus {
	background: #fff;
	border-color: #333;
	outline: none; /* remove outline */
}
 
/* set field width */
input[type=text], input[type="search"] {
	width: 100px;
	height: 15px;
}
textarea {
	width: 400px;
	height: 250px;
}
 
/* fallback placeholder */
.placeholder {
	color: #bbb;
}
/* webkit placeholder */
::-webkit-input-placeholder {
	color: #bbb;
}
/* moz placeholder */
:-moz-placeholder {
	color: #bbb;
}
 
/* remove webkit search input decoration and cancel button */
input[type="search"]::-webkit-search-decoration, 
input[type="search"]::-webkit-search-cancel-button {
	display: none;
}
 
</style>

Joseph