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

Question

我正在尝试在 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>'
        }

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

Answer 1

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

.fred ul
{
    list-style: circle outside none;
}

然后为面板执行此操作：

{
    xtype: 'panel',
    bodyCls: 'fred'
}

这可能对你有用。