如何修改ASP.NET中ComboBox下拉值列表的文本对齐方向
你设置的样式未生效,是因为Ajax Control Toolkit的ComboBox控件渲染到前端后,会生成多层嵌套的DOM结构,你给外层类cmboxSecond设置的direction: rtl和对齐属性仅作用于输入框区域,下拉选项列表是独立的子DOM节点,没有继承对应样式。
你可以替换为以下CSS代码即可实现下拉项右对齐:
.cmboxSecond { font-size: 20px; position: relative; bottom: 47px; left: 380px; font-family: 'B Nazanin'; direction: rtl; margin: 0px auto; } /* 下拉列表容器样式 */ .cmboxSecond .ajax__combobox_itemlist { direction: rtl; text-align: right; font-family: 'B Nazanin'; } /* 单个下拉列表项样式 */ .cmboxSecond .ajax__combobox_itemlist li { text-align: right !important; padding-right: 8px; /* 可按需调整右侧内边距优化显示效果 */ }
如果修改后仍未生效,可打开浏览器开发者工具(F12),选中展开的下拉列表项,查看是否有更高优先级的样式覆盖了对齐属性,调整选择器优先级即可解决。
内容的提问来源于stack exchange,提问作者farzaneh br
相关产品推荐
相关产品推荐

