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