如何在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'
}

这可能适合你。