如何在 ExtJS 面板中设置列表样式？

Posted 2023-02-26

【中文标题】如何在 ExtJS 面板中设置列表样式？

【英文标题】：How do I style a list within an ExtJS Panel?

【发布时间】：2012-08-29 13:35:23

【问题描述】：

我正在尝试在 ExtJS 中创建密码要求帮助框。它不会为无序列表呈现内联 CSS 样式。我把 style="list-style-type: circle;"

这是我的密码框代码：

        
            xtype: 'panel',
            html: '<br></span><div style="border:2px solid;padding:5px;width:329px">* Password must be a minimum of 8 characters in length. Passwords must contain a combination of characters from <b>three of the following four categories</b>:<br><br><ul style="list-style-type: circle;"><li>An uppercase character (A-Z)</li><li>An lowercase character (a-z)</li><li>A number from 0-9</li><li>One of the following special characters: ~!@#$%^&amp;*_-+=`|&#92; ()[]:;&quot;&lt;&gt;&#39;,.?&#47;</li></ul><div>'
        

这是它正在呈现的内容（我想要密码框中的圆形项目符号）：

【参考方案1】：

不要使用内联样式。声明一个新类，如下所示：

.fred ul

    list-style: circle outside none;

然后为面板执行此操作：

    xtype: 'panel',
    bodyCls: 'fred'

这可能对你有用。