CSS 禁用原生 Title 屬性

在 HTML 中，title 屬性被用于為網頁元素提供額外的信息。然而，在一些情況中，這些信息不是很有用，甚至會干擾用戶的體驗。因此，為了更好的用戶體驗，我們可以使用 CSS 來禁用原生的 Title 屬性。

首先，我們可以使用 CSS 的 :hover 偽類來提供額外的信息：

.box {
width: 100px;
height: 100px;
background-color: red;
}
.box:hover:after {
content: attr(data-title);
position: absolute;
top: 0;
left: 100%;
}

在這個例子中，我們為元素添加了一個自定義的 data-title 屬性來保存額外的信息。當用戶將鼠標放在元素上時，使用 :hover 偽類和 :after 偽元素來顯示該信息。

另外，我們可以使用 JavaScript 來完全刪除 Title 屬性：

const elements = document.querySelectorAll('*[title]');
for (let i = 0; i< elements.length; i++) {
elements[i].removeAttribute('title');
}

這個例子中，我們使用 document.querySelectorAll() 方法來選取所有帶有 title 屬性的元素。然后，使用 removeAttribute() 方法來刪除它們的 Title 屬性。

總之，為了提供更好的用戶體驗，我們可以使用 CSS 或 JavaScript 來禁用原生的 Title 屬性。