Không thể thay đổi chiều rộng nút twitter

Question

http://boutique40.com/

Tôi muốn căn chỉnh chính xác 2 biểu tượng xã hội ở giữa. Và thực sự để làm điều đó tôi muốn thiết lập để các biểu tượng twitter giá trị chiều rộng của 80px, nhưng tôi không thể làm điều đó. Tôi chỉ quản lý để làm điều đó trong trình soạn thảo trình duyệt; Tôi không thể chọn lớp học phù hợp và element.style sẽ vượt qua mọi thứ tôi làm. Cái gì thế này?

element.style { 
    width: 110px; 
    height: 20px; 
} 

Tôi không muốn bọc toàn bộ nút để thay đổi kích thước (hoặc phải không?). Mã mà nên làm việc là thế này:

.twitter-share-button { vertical-align:top; 
margin-left:10px; width: 80px;} 

Answer 1

Trong công cụ phát triển của Chrome element.style cho thấy bất kỳ phong cách nội tuyến được áp dụng cho các thành phần được chọn.

Để ghi đè họ sử dụng !important

Vì vậy, để thiết lập chiều rộng nút để 80px bạn có thể sử dụng:

.twitter-share-button { 
width: 80px !important; 
} 

Answer 2

Hãy thử sử dụng một phong cách địa phương vào nút riêng của mình, bằng cách sử dụng các thuộc tính style:

style = "width: 80px;" 

kiểu địa phương sẽ ghi đè lên.