在 CSS 中,我們可以通過(guò)設(shè)置 cursor 屬性來(lái)改變鼠標(biāo)光標(biāo)的樣式。而加粗光標(biāo)則是其中的一種。
cursor: default; /*還原原始光標(biāo)樣式*/ cursor: pointer; /*手形光標(biāo)*/ cursor: text; /*文本光標(biāo)*/ cursor:help; /*幫助光標(biāo)*/ cursor:wait; /*等待光標(biāo)*/ cursor:move; /*移動(dòng)光標(biāo)*/ cursor:not-allowed;/*禁止光標(biāo)*/ cursor:crosshair; /*十字線光標(biāo)*/ cursor:alias; /*超鏈接別名光標(biāo)*/ cursor:no-drop; /*禁止拖放光標(biāo)*/ cursor:context-menu; /*上下文菜單光標(biāo)*/ cursor:progress; /*進(jìn)度光標(biāo)*/ cursor:col-resize; /*水平調(diào)整光標(biāo)*/ cursor:row-resize; /*垂直調(diào)整光標(biāo)*/ cursor:e-resize; /*右調(diào)整光標(biāo)*/ cursor:w-resize; /*左調(diào)整光標(biāo)*/ cursor:n-resize; /*上調(diào)整光標(biāo)*/ cursor:s-resize; /*下調(diào)整光標(biāo)*/ cursor:ne-resize; /*右上調(diào)整光標(biāo)*/ cursor:nw-resize; /*左上調(diào)整光標(biāo)*/ cursor:se-resize; /*右下調(diào)整光標(biāo)*/ cursor:sw-resize; /*左下調(diào)整光標(biāo)*/ cursor:grab; /*拖動(dòng)光標(biāo)*/ cursor:grabbing; /*拖動(dòng)中光標(biāo)*/ cursor:default; /*默認(rèn)光標(biāo)*/ cursor:zoom-in; /*放大光標(biāo)*/ cursor:zoom-out; /*縮小光標(biāo)*/ cursor:move; /*移動(dòng)光標(biāo)*/ cursor:copy; /*復(fù)制光標(biāo)*/ cursor:no-drop; /*禁止拖放光標(biāo)*/ cursor:vertical-text; /*垂直文本光標(biāo)*/ cursor:all-scroll; /*全方位滾動(dòng)光標(biāo)*/ cursor:help; /*幫助光標(biāo)*/ cursor:pointer; /*手形光標(biāo)*/ cursor:text; /*文本光標(biāo)*/ cursor:wait; /*等待光標(biāo)*/
要使鼠標(biāo)光標(biāo)加粗,我們需要設(shè)置它的樣式為 "bold":
cursor: bold;
當(dāng)然,這個(gè)屬性可能并不被所有瀏覽器所支持。如果需要兼容不同瀏覽器,可以利用下面這段 CSS 代碼實(shí)現(xiàn):
cursor: url(cursor.cur), auto;
當(dāng)然,需要指定一個(gè)具體的光標(biāo)文件(例如 .cur 或 .png 格式),來(lái)替代其中的 "cursor.cur" 部分。
最后,需要注意的一點(diǎn)是,鼠標(biāo)光標(biāo)的加粗只是改變它的樣式,而不會(huì)對(duì)任何元素的布局或顯示方式造成影響。