ul的type属性合法值仅有disc、circle、square三个字符串，分别对应实心圆点、空心圆圈、实心方块；该属性在html5中已被废弃，现代浏览器忽略它，应使用css的list-style-type替代。

ul 的 type 属性有哪些合法值？

type 属性只接受三个字符串值：disc、circle、square。它们分别对应实心圆点（●）、空心圆圈（○）和实心方块（■）。浏览器默认使用 disc，即使不写该属性也等效于 type="disc"。

注意：line、none、图片路径（如 type="bullet.png"）等写法在任何 HTML 标准中都不是合法值，现代浏览器会直接忽略。

为什么写了 type 却没生效？

因为 CSS 的 list-style-type 会覆盖 HTML 的 type 属性。哪怕你写了 <ul type="square"></ul>，只要样式表里有类似 ul { list-style-type: disc; } 这样的规则，HTML 层面的 type 就完全失效。

• 检查开发者工具的「Computed」面板，确认最终生效的是哪一层样式
• 如果用 CSS 控制，优先删掉 HTML 中的 type 属性，避免语义冗余和潜在冲突
• type 是 HTML4 遗留属性，HTML5 已将其标记为“过时（obsolete）”，W3C 明确建议用 CSS 替代

能否给单个 <li> 设置不同符号？

可以，但仅限于用 CSS 的 list-style-type 或 list-style-image 单独设置某个 <li> 元素——HTML 的 type 属性本身不支持作用于 <li> 标签（部分老文档误传，实际无效）。

html-deploy

使用 htmlcode.fun 将 HTML 内容或文件部署到网页，适用于用户要求“部署到网页”“托管此 HTML”“生成此前端...的实时链接”等场景。

下载

例如以下写法是无效的：

不会变成空心圆

正确做法是加类名再用 CSS：

自定义符号

.special { list-style-type: circle; }

现在还该用 type 属性吗？

不该。它已失去实际价值：

• 所有现代浏览器都优先响应 CSS，type 只在纯 HTML 无样式场景下“可能”起作用
• 无法实现图标、渐变色、SVG 等复杂符号，而 CSS 的 list-style-image 或伪元素 ::marker 才能胜任
• 某些构建工具或 SSR 框架会自动 strip 掉过时属性，导致行为不可预期

真正需要控制列表符号时，直接写 CSS 更可靠、更灵活，也更容易维护。

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！