DataTablesのページ選択のデザインを、ボタンにする方法が知りたいです。
現在のCSSは下記の通りで、ページ選択のデザインはボタンではなく文字です。
その文字をクリックすることで、ページが遷移します。
そして、この文字をボタンにしたいのですが、方法が分かりません。
ご教授をお願いします。
.dataTables_paginate {
float: right;
text-align: right;
padding-right:6px;
font-family: "Verdana";
}
.paging_full_numbers {
height: 22px;
line-height: 22px;
}
.paging_full_numbers a:active {
outline: none
}
.paging_full_numbers a:hover {
text-decoration: none;
}
.paging_full_numbers a.paginate_button,
.paging_full_numbers a.paginate_active {
border: 1px solid #aaa;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 2px 5px;
margin: 0 3px;
cursor: pointer;
color: #333 !important;
}
.paging_full_numbers a.paginate_button {
background-color: #ddd;
}
.paging_full_numbers a.paginate_button:hover {
background-color: #ccc;
text-decoration: none !important;
}
.paging_full_numbers a.paginate_active {
background-color: #99B3FF;
}