Mình muốn có spoiler dạng button , cho nhỏ gọn , nhưng ko biết cách chỉnh làm sao cho đúng, mong các bác giúp em với ạ
[Hỏi đáp] Spoiler dạng button
25.07.16 13:141
25.07.16 19:262
Có cách dùng js, hình như có ai đấy viết rồi, mình không viết lại.
Còn đây là cách mình viết dùng css, nhẹ hơn. Nhược điểm là không đổi được text khi nhấn vào button.
Còn đây là cách mình viết dùng css, nhẹ hơn. Nhược điểm là không đổi được text khi nhấn vào button.
- Code:
.codebox.spoiler {
border: 0 none;
padding: 0;
margin: 1em 0;
}
.codebox.spoiler > dt {
appearance: button;
-webkit-appearance: button;
-moz-appearance: button;
width: auto;
display: inline-block;
margin: 0;
padding: 0 12px;
font-size: 0;
background: 0 none;
color: inherit;
border: 1px solid #ddd;
}
.codebox.spoiler > dt:after {
content: "Nội dung bị ẩn";
font-size: 13px;
text-transform: uppercase;
color: #0098cc;
}
.codebox.spoiler .spoiler_content {
background: #fffde9;
margin: 0;
padding: 1em;
}
25.07.16 19:363
Vâng cảm ơn nhiều ạ :)