Đặt đường gạch dưới siêu liên kết xuất hiện khi di chuột qua (hiện tại đối diện)

Question

Tôi muốn bắt chước số website này, chỉ gạch dưới siêu liên kết khi người dùng di chuột qua liên kết.

Hiện tại trong Magento store của tôi, mọi siêu liên kết đã được gạch chân trước khi người dùng di chuột qua nó & khi người dùng di chuột qua liên kết, gạch chân sẽ bị xóa.

Vì vậy, về cơ bản, tôi muốn hoàn toàn trái ngược với những gì đang xảy ra.

Tôi đang sử dụng chủ đề Hiện đại f001. Bất cứ ai có thể giải thích làm thế nào tôi có thể đi về việc thay đổi này?

Answer 1

Bạn cần thay đổi trong file CSS của chủ đề của bạn:

http://www.efficienttrade.co.nz/media/css/2221f7ff45d5b039dfab39cc684c3166.css

Dòng 1178:

a { 
    color: #1E7EC8; 
    text-decoration: none; // changed from text-decoration:underline 
} 

Đường dây 131

a:hover { 
    text-decoration: underline; // changed from text:decoration:none 
} 

Xin lưu ý rằng những con số dòng có thể sai và bạn có thể cần tìm kiếm a định nghĩa lớp trong tệp CSS để thay đổi chúng.