滑鼠滑過和獲取焦點樣式
cursor屬性:定義了滑鼠指標放在一個元素邊界範圍內時所用的游標形狀
設定不同的屬性值會出現不同的效果:
文字:例如一段文字,滑鼠放上去,滑鼠變成不同的形狀
- cursor:default -->預設的是箭頭的形狀
- cursor:move -->讓滑鼠樣式變成移動的樣式(十字架)
- cursor:text -->讓滑鼠樣式變成選擇(一個大寫的i)
- cursor:pointer -->讓滑鼠樣式變成小手
但對於一些其他的元素,滑鼠放上去也有不同的樣式或者設定自己想要的樣式,
例如:input元素,你為它設定了邊框的大小,顏色,但是一旦你獲得焦點,這個input的邊框的顏色會變成藍色,這與你預期的效果有所差異。為了消除這種現象,你只要在你的樣式中加入一行如下程式碼:
outline: none;/*取消藍色輪廓線*/
例如:textarea元素,你給它設定了行列數,但當你獲取文字域的焦點時,整個文字域的右下角會有一個小標誌,你拖動這個標誌是可以進行放大該文字域的大小的,這個特性其實在一般的情況下是不利於網頁設計的。為了解決這個問題,我們只需要在樣式中加入一行如下程式碼:
resize: none;/*防止拖拽(文字域變大)*/
相關文章
- win10獲取焦點滑鼠消失怎麼解決_win10滑鼠焦點消失怎麼辦Win10
- WPF雙滑塊控制元件以及強制捕獲滑鼠事件焦點控制元件事件
- JQuery設定文字框和密碼框獲得焦點時樣式jQuery密碼
- input文字框獲取焦點伸縮效果
- JavaScript文字框獲取焦點彈出tipsJavaScript
- 獲取滑鼠左鍵點選 creator 3.8
- vue中文字框自動獲取焦點Vue
- ant-design輸入框自動獲取焦點
- 滑鼠樣式美化
- 自定義jqGrid編輯功能,當行獲取焦點時編輯,失去焦點時儲存
- 使用JQ新增css的背景樣式,之後,hover失效,滑鼠滑過沒有改變顏色CSS
- CSS滑鼠樣式(cursor)CSS
- JS基礎_獲取元素的樣式JS
- 你瞭解 CSS 的全部 4 種焦點樣式嗎?CSS
- 透過滑鼠事件獲取滑鼠位置在3d中的座標mouse/Raycaster事件3DAST
- 使用js獲取滑鼠座標JS
- 去掉antd的Input元件獲取焦點時的藍色邊框元件
- Javascript 獲取 Dom 樣式的方法有哪些JavaScript
- 怎樣獲取jstree的節點資料_大資料獲客是怎樣獲取精準客源的JS大資料
- [高效Mac] 多顯示器快速切換滑鼠焦點和移動視窗Mac
- 滑鼠滑輪上下滾動設定方法_怎樣設定滑鼠上下滾動
- 讓按鈕強制失焦,變回點選之前的樣式
- ArcGIS如何自動獲得隨機取樣點?隨機
- 寫一個獲取非行間樣式的方法
- JavaScript-滑鼠獲取頁面座標JavaScript
- JavaScript獲取滑鼠在文件中座標JavaScript
- C++ 獲取指定的過載函式地址C++函式
- 滑鼠樣式/表單輪廓線
- Dom的class和焦點管理
- 獲取元素大小、偏移量及滑鼠位置
- JavaScript獲取滑鼠在元素中的座標JavaScript
- 部落格園美化:CSS更改滑鼠樣式CSS
- H5頁面載入後表單獲取焦點並喚起軟鍵盤?H5
- jQuery滑鼠滑過表格標題切換表格內容詳解jQuery
- JavaScript獲取當前站點的域名和埠號JavaScript
- 焦點損失函式 Focal Loss 與 GHM函式
- 透過Lambda函式的方式獲取屬性名稱函式
- 【CSS: cursor】滑鼠游標指標樣式大全CSS指標