.select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; } .select2-container .selection .single-select { background-color: #eee; border: 1px solid #aaa; border-radius: 4px; box-sizing: border-box; cursor: pointer; display: block; height: 28px; } .select2-container .selection .single-select .rendered-selection { color: #444; display: block; line-height: 28px; overflow: hidden; text-overflow: ellipsis; } .select2-container.open .selection .single-select { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container .dropdown { background-color: white; border: 1px solid #aaa; border-radius: 4px; box-sizing: border-box; display: block; max-height: 200px; overflow-y: scroll; position: absolute; left: -100000px; top: -100000px; width: 100%; } .select2-container .dropdown .results .options { list-style: none; margin: 0; padding: 0; } .select2-container .dropdown .results .options .option { cursor: pointer; padding: 6px; } .select2-container.open .dropdown { border-top-left-radius: 0; border-top-right-radius: 0; left: 0; top: 28px; } .s2-container { margin: 0; position: relative; zoom: 1; vertical-align: middle; } .s2-container.s2-active { border: 1px solid #5897fb; border-top: bottom; } .s2-container .s2-single-select { display: block; height: 26px; padding: 0 0 0 8px; overflow: hidden; position: relative; border: 1px solid #aaa; white-space: nowrap; line-height: 26px; color: #444; text-decoration: none; border-radius: 4px; background-clip: padding-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #fff; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff)); background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%); background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0); background-image: linear-gradient(to top, #eee 0%, #fff 50%); } .s2-container .s2-single-select .s2-selection { margin-right: 26px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .s2-container .s2-open .select2-container-active .select2-choice, .s2-container .s2-open .select2-container-active .select2-choices { border: 1px solid #5897fb; outline: none; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } .s2-search input { -webkit-box-sizing: border-box; /* webkit */ -moz-box-sizing: border-box; /* firefox */ box-sizing: border-box; /* css3 */ } .s2-dropdown { width: 100%; margin-top: -1px; position: absolute; z-index: 9999; overflow: scroll; background: #fff; color: #000; border: 1px solid #5897fb; border-top: none; border-radius: 0 0 4px 4px; -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); } .s2-hidden { display: none; }