CSS 處理多行省略
on 2023-11-06
.multiline-ellipsis {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3; /* start showing ellipsis when 3rd line is reached */
white-space: pre-wrap; /* let the text wrap preserving spaces */
}
調整和關閉 mobile device 點擊時 highligh 樣式
on 2022-06-29
mobile web 會在點擊 a link 的時候 highlight 那個部分
原意是為了讓使用者更能夠直觀地知道是否有點擊了那個東西
但是有時這個樣式會和整體 web 的設計不合
所以會想辦法改變或關掉這個 highlight
那就得使用一個 CSS 屬性 -webkit-tap-highlight-color
如果要關掉, 那就改成透明的
-webkit-tap-highlight-color: transparent;
如果要改成別的顏色就設定顏色即可
-webkit-tap-highlight-color: red;