content: '';
pointer-events: none;
display: block;
position: absolute;
left: 0;
top: 50%;
height: calc(100% + 3px);
width: calc(100% + 3px);
-webkit-transform: translateY(-50%) ;
transform: translateY(-50%);
border-radius: 3px !important;
-webkit-box-shadow: inset 0 0 0 2px #009eda, 0 13px 18px rgba(224, 235, 238, .75) !important;
box-shadow: inset 0 0 0 3px #009eda, 0 13px 18px rgba(224, 235, 238, .75) !important;
z-index: 3
<select class="field" name="selecter" data-tab-select>
<option value="#headOffice" name>name</option>
<option value="#board" >name1</option>
<option value="#other" >name3</option>
</select>
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
<div id="моё_имя">lalala</div>
<div class="мой_класс">lalala</div>
<style>
.мой_класс {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
#моё_имя {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
</style>
<style>
background-clip: padding-box;
</style>
<style>
border-top-right-radius: 2px;
border-top-left-radius: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
</style>
<style>
border-top-right-radius: 2px !important;
border-top-left-radius: 2px !important;
border-bottom-right-radius: 2px !important;
border-bottom-left-radius: 2px !important;
</style>
Завершайте вопрос уже, решено же.