Cách thay đổi màu của button mở menu khi xem trên điện thoại, máy tính bảng sử dụng Boostrap 4

Khi sử dụng Boostrap 4 để làm giao diện, lúc hiển thị trên điện thoại di động, máy tính bảng, thì menu sẽ được ẩn đi, và sẽ có một button để gán sự kiện Click để hiện menu như hình

Để thay đổi màu sắc của button này nếu là Boostrap 3 thì dễ, nhưng Boostrap 4 bạn không thể sử dụng thuộc tính color cho thẻ span để đổi màu được, bởi vì nó sử dụng thuộc tính background-image 

Mẹo nhỏ ở đây là bạn nhìn thấy chỗ chữ stroke như hình bên dưới , nó là đoạn mã Decimal Code gồm (R,G,B, A) hoặc Decimal Code (R,G,B) . Chữ A ở đây là opacity (độ trong suốt) . 

Bạn chỉ cần thay đổi giá trị này, ví dụ mình sẽ chuyển nó thành màu đỏ, google tìm red decimal Code sẽ có, chỉ cần copy thay vào đoạn css chỗ đó thôi. Và dưới là kết quả

Chúc bạn thành công :)