Loại bỏ thuộc tính outline của input trong blogger

Share:
Mặc định, mỗi input sẽ đều có outline (viền bao ngoài màu xanh) trông rất xấu và mất thẩm mỹ. Nó sẽ xuất hiện bất cứ khi nào ta có hành động click vào input đó. Vậy thì để loại bỏ nó, ta sẽ làm như thế nào? Bài viết của mình hôm nay sẽ hướng dẫn loại bỏ thuộc tính outline của input trong blogger nhé.

Loại bỏ thuộc tính outline của input trong blogger

Như bạn thấy ở hình dưới thì input Select From The List có outline (viền xanh bao ngoài), giờ ta sẽ phải loại bỏ nó đi để trông có thẩm mỹ hơn.

Loại bỏ thuộc tính outline của input

Bước 1: Truy cập quản trị blogger - Chủ đề - Chỉnh sửa HTML
Bước 2: Chèn dòng CSS này trước
]]></b:skin>
*:focus {outline:0!important;}
Bước 3: Lưu Template lại.

Lời kết

Rất đơn giản, chỉ cần 1 dòng CSS bạn có thể loại bỏ hoàn toàn outline khỏi input trong blogger rồi đó. Không hề ảnh hưởng đến tốc độ tải trang và đặc biệt sẽ làm cho blog của bạn đỡ mất điểm hơn trong mắt người dùng. Chúc các bạn thành công nhé!

17 nhận xét:

  1. cái quảng cáo trong bài viết to chà bá :3

    Trả lờiXóa
    Trả lời
    1. Đúng r, ads trong bài viết chọn ads nguồn cấp trong bài thì nó là loại size to mà. Có lúc random thì nó ra size như ads loại 1.

      Xóa
  2. À ha cái đoạn css này hôm nọ tôi tìm chết cha luôn nè, nó dạng như dùng cho link toàn blog ấy đúng ko ông?

    Trả lờiXóa
    Trả lời
    1. Đúng rồi, trong CSS thì kí tự * là dùng cho mọi class, id trong web, blog luôn ông ạ. Đỡ phải thay nhiều lần.

      Xóa
  3. Ngắn gọn dễ hiểu ^^ Cảm ơn anh :v

    Trả lờiXóa
    Trả lời
    1. Thanks e :D Bài ngắn nhất từ trc đến giờ haha

      Xóa
  4. Cường h cỡ nào cũng cho ra bài được hả :v

    Trả lờiXóa
    Trả lời
    1. Trc t định chỉ cho ra bài nào dài dài cơ nhưng giờ phải hướng đến cả những ai ít biết về code nữa nên viết cả bài ngắn ngắn, đơn giản :D

      Xóa
  5. Ù không có thumbnail ngoài trang chủ nữa r :v

    Trả lờiXóa
    Trả lời
    1. Dùng bản này v1 k có thumbnail cho đỡ phải nén ảnh nhiều. Bản v2 của nó thì hiện thumbnail.

      Xóa
  6. Máy cái input này lúc học tin học em cũng có học. Mà kg phải cái này :)

    Trả lờiXóa
    Trả lời
    1. Bản chất nó như nhau hết thôi e, cho phép nhập text phục vụ chức năng theo yêu cầu.

      Xóa

Bình luận