我有这个css代码,我需要调整它,以便子和父下拉菜单将相互对齐。 (如下图所示)
该代码适用于IE和Firefox,但不适用于Chrome。我需要修复代码以允许它在Chrome上运行。
这是我的CSS代码:
.ui-selectonemenu .ui-selectonemenu-label {
background: #c9e9e2 !important;
}
.ui-selectonemenu-panel .ui-selectonemenu-list {
background: #c9e9e2 !important;
box-sizing: initial !important;
padding-right: 80px !important;
text-align: left;
}
.ui-selectonemenu-item.ui-selectonemenu-list-item.ui-state-highlight {
background:#FFFFFF !important;
text-shadow: none;
color: #444444;
}
.selectOneMenu {
color: #444444;
font-size: 11px;
font-family: Verdana;
font-weight: 400;
height: 21px;
width: 158px !important;
}
答案 0 :(得分:1)
我设法解决了这个问题。现在我的代码适用于Firefox和谷歌浏览器。
我所做的是在.ui-selectonemenu-panel .ui-selectonemenu-list {
下添加这几行代码:
box-sizing: inherit;
display: inherit;
-webkit-column-width: 70px;
总的来说,这就是我的代码:
.ui-selectonemenu-panel .ui-selectonemenu-list {
background: #c9e9e2 !important;
padding-right: 80px;
text-align: left;
box-sizing: inherit;
display: inherit;
-webkit-column-width: 70px;
}