在jquery-ui http://www.bootcss.com/p/jquery-ui-bootstrap/#dialog 有个类ui-state-default可以将链接变成按钮样式。
同时要有CSS代码:
<style type="text/css">
/*Dialog*/
#dialog_link,#modal_link {
padding: .4em 1em .4em 20px;
text-decoration: none;
position: relative;
}
#dialog_link span.ui-icon,#modal_link span.ui-icon {
margin: 0 5px 0 0;
position: absolute;
left: .2em;
top: 50%;
margin-top: -8px;
}
ul#icons {
margin: 0;
padding: 0;
}
ul#icons li {
margin: 2px;
position: relative;
padding: 4px 0;
cursor: pointer;
float: left;
list-style: none;
}
ul#icons span.ui-icon {
float: left;
margin: 0 4px;
}
#buttons button {
float: left;
margin-right: 4px;
}
.dialog-button {
margin-bottom: 20px;
}
</style>