2011-10-09 33 views
11

Tôi đang sử dụng jQuery-UI để thêm tabs trên trang của mình, sau khi tôi thêm nó, tôi cảm thấy kích thước phông chữ và chiều rộng và chiều cao của tab quá lớn cho trang của tôi. Tôi muốn thay đổi kích thước phông chữ và chiều rộng và chiều cao của tab. Làm thế nào để làm nó?Cách thay đổi kích thước phông chữ và chiều rộng và chiều cao của các tab jQuery-UI

+0

Trang hướng dẫn sử dụng đó là jQuery UI CSS Framework để tạo kiểu dáng và cảm nhận, bao gồm màu sắc và họa tiết nền. khuyên bạn nên sử dụng công cụ ThemeRoller để tạo và tải xuống các chủ đề tùy chỉnh dễ xây dựng và bảo trì. ". Tôi sẽ xem xét điều đó. – Nanne

+2

Hãy xem tại đây http://keith-wood.name/uiTabs.html –

+0

Có bất kỳ câu trả lời nào trong số những câu trả lời này phù hợp với bạn không? Nếu có, vui lòng chấp nhận nó làm câu trả lời. – Tass

Trả lời

24

bạn cần phải thay đổi nó trong một lớp css như thế này

.ui-tabs .ui-tabs-nav li a {font-size:7pt !important;} 
+0

Người đàn ông giỏi! +1 –

+0

Nhưng nếu bạn có từ 2 tiện ích tab trở lên trong trang của bạn, nó sẽ ảnh hưởng đến tất cả chúng. – Sathesh

+0

nó đã giúp tôi, cảm ơn ... – beegees

1

Chuyển đến jQuery UI ThemeRoller và tạo chủ đề của riêng bạn hoặc chỉnh sửa các cài đặt trước. Ở phía bên phải trong 'Cài đặt phông chữ' có tùy chọn thay đổi kích thước phông chữ.

ThemeRoller Font Settings

Đối với kích thước của các tab, hãy nhìn vào các tập tin CSS đi kèm với gói jQuery UI bạn đã tải về. Tìm bộ chọn cho các tab Giao diện người dùng jQuery và chỉnh sửa thuộc tính padding:

.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; } 
Các vấn đề liên quan