1. 文本超長顯示省略號及safari顯示自帶tooltip修復辦法
參照以下鏈接：Prevent Safari from showing tooltip when text overflow is hidden with ellipsis
CSS寫法：
.text-inline {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.text-inline::before {
content: '';
display: block;
}
.text-inline::after {
content: '';
display: block;
}
LESS和SASS寫法：
.text-inline {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
&:before {
content: '';
display: block;
}
&:after {
content: '';
display: block;
}
}
2. 屏蔽/禁止用戶雙擊選擇文本
參照以下鏈接：Disable double click select
.noselect {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
3. 導航欄在選中后出現(xiàn)藍色虛邊框
這是由于默認當元素獲得焦點后會有一個outline尚揣，使用一下全局css可以解決該問題觅玻。
:focus {
outline-style: none;
}
