Click here to Skip to main content
14,387,302 members
Rate this:
Please Sign up or sign in to vote.
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;
}
}
Posted
Comments
Vincent Maverick Durano 8-Jul-19 15:14pm
   
I would avoid AJAX Control Toolkit when possible and use responsive /cross-browser CSS such as bootstrap or jQuery instead.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

  Print Answers RSS
Top Experts
Last 24hrsThis month



CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100