Tôi muốn để di chuyển văn bản hơn gần gũi hơn với trái ...Di Padding trong tab JQuery UI
ok với hình ảnh hiển thị ở trên, tôi muốn ghi đè lên miếng đệm của tôi jquery-ui- trang tab. Tôi đã thử các mã dưới đây nhưng dường như không được làm việc.
$(".ui-tabs.panel").css('padding','0px');
giờ làm thế nào tôi có thể làm điều này có thể ?,
LƯU Ý: Tôi muốn có một css hoặc jquery ghi đè và tôi không muốn thay đổi bất kỳ file css jquery-ui
Bạn có thể làm điều đó với css đơn giản; thử này ví dụ:
Bao gồm này trong stylesheet chính của bạn:
.ui-tabs .ui-tabs-panel {
padding: 1em 1.4em 1em 0;
}
Tôi đã phải thêm quan trọng để có được điều này để có trong một trường hợp lẻ, nhưng nó hoạt động tốt. – Tridus
Cũ câu hỏi nhưng công trình này độc đáo. Giả sử bạn có div chứa một lớp 'tab kiểu' như sau:
<div id="tabs" class="style-tabs">
<ul>
<li><a href="ajax/MyTab.php">My Tab</a></li>
<li><a href="ajax/MyTab2.php">My Tab 2</a></li>
<ul>
</div>
This CSS works nicely (setting a negative margin)...
.style-tabs li a {
margin: -0.3em;
padding: 0;
}
Bạn đã thử '$ (" .ui-tabs.panel "). Css ('padding', '0px! Important '); '? –
@PavelStaseljun vẫn không hoạt động (ノ Д') ・ ゜ ・。 –
Bạn chắc chắn rằng điều này là do '.ui-tabs.panel' đệm? Bạn có thể cung cấp jsfiddle không? –