How to fix ajax toolkit but style ajax__combobox_textboxcontainer input width 100% is not working with mozilla browser

See more:

ASP.NET

CSS

Ajax-toolkit

I have ajax toolkit but style ajax__combobox_textboxcontainer input width 100% is not working with Mozilla browser

What I have tried:

.WindowsStyle .ajax__combobox_inputcontainer {
}

.WindowsStyle .ajax__combobox_textboxcontainer {
width: 100%;
}

.WindowsStyle .ajax__combobox_textboxcontainer input {
width: 100%;
border: 1px solid #ced4da;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
border-right: 0px !important;
position: relative;
height: 35px !important;
}

.WindowsStyle .ajax__combobox_buttoncontainer {
}

.WindowsStyle .ajax__combobox_buttoncontainer button {
background-position: center;
border: 1px solid #ced4da;
height: 35px !important;
width: 27px !important;
background-color: transparent;
padding: 20px !important 0px 0px 0px;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
border-left: 0px !important;
margin-top: 5px !important;

}
.WindowsStyle .ajax__combobox_buttoncontainer button:focus {
outline: 1px solid #007bff !important;
}

.WindowsStyle .ajax__combobox_itemlist {
margin: 0px;
padding: 0px;
cursor: default;
list-style-type: none;
text-align: left;
}

.WindowsStyle .ajax__combobox_itemlist li {
border-color: #ced4da;
background-color: transparent;
white-space: nowrap;
width: 100%;
padding: 0 3px 0 2px;
}
/*css Style For Mozilla */
@-moz-document url-prefix() {
.WindowsStyle .ajax__combobox_buttoncontainer button {
/*width: auto !important;*/
margin-top: 1px !important;
}

.WindowsStyle .ajax__combobox_textboxcontainer input {
width: 100% !important;
}
}
/*css Style For IE */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.WindowsStyle .ajax__combobox_buttoncontainer button {
margin-top: 6px !important;
}
}