Sửa đổi chiều rộng bảng recaptcha

Question

Tôi đang cố gắng tích hợp recaptcha trên biểu mẫu liên hệ trên trang web của mình nhưng không thể lấy chiều rộng của bảng để thay đổi, nó hiển thị ở 692px trong khi tôi có mọi thứ khác được đặt thành chiều rộng là 320px. Tôi đã có thể thiết lập chiều rộng của img recaptcha nhưng tôi không thể thay đổi chiều rộng của bảng.

Đây là css Tôi đang sử dụng:

table#recaptcha_table.recaptchatable.recaptcha_theme_white { 
    width: 50% !important; 
} 

#recaptcha_widget_div { 
    width: 320px !important; 
} 

.recaptcha-div { 
    width:320px; 
} 

Answer 1

Liên kết này có các thông tin bạn cần.
http://www.ehow.com/how_12218694_make-recaptcha-smaller.html

Hãy nhớ rằng chiều rộng tối thiểu sẽ là 300px do hình ảnh xác thực do google cung cấp. Tuy nhiên, nếu 300 vẫn còn quá lớn, bạn có thể thử hack thông minh này để điều chỉnh chiều rộng nhỏ hơn sau đó 300, sau đó popping ra lớn hơn trên di chuột. Không lý tưởng, nhưng nó hoạt động. May mắn nhất. http://blog.cdeutsch.com/2011/03/make-recaptcha-smaller.html

Answer 2

Sử dụng

transform: scale(0.8); 

làm việc cho tôi.

Answer 3

Tôi cũng sử dụng recaptcha trong dự án của mình và phải đối mặt với cùng một vấn đề về độ rộng của recaptcha. tôi đã sửa lỗi này bằng cách sử dụng CSS bên dưới.

style = "transform: scale (0.77); - webkit-transform: scale (0.77); biến đổi nguồn gốc: 0 0; -webkit-transform-origin: 0 0;"

Tôi nghĩ điều này sẽ khắc phục được sự cố của bạn.

Answer 4

.g-recaptcha { 
    display: block; 
    max-width: 190px; 
    overflow: hidden; 
    border-right: 1px solid #d3d3d3; 
}