jsp怎么修改网页弹出的提示框样式实例,jsp如何修改网页弹出的提示框样式实例
在JSP页面中,我们经常需要使用JavaScript来创建弹出提示框。以下是一个简单的实例,展示如何通过JSP和JavaScript来修改网页弹出的提示框样式。
我们需要在JSP页面的`
`标签中引入一些CSS样式,以便于修改提示框的外观。
```html
/* 定义提示框的基本样式 */
.alert-box {
padding: 10px;
border: 1px solid f0ad4e;
background-color: f5f5f5;
color: 333;
position: fixed;
top: 20%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1000;
display: none; /* 默认不显示 */
}
/* 修改提示框的边框样式 */
.alert-box:hover {
border-color: f0ad4e;
}
/* 修改提示框的背景颜色 */
.alert-box.success {
background-color: dff0d8;
border-color: d6e9c6;
color: 3c763d;
}
.alert-box.error {
background-color: f2dede;
border-color: f894c7;
color: a94442;
}