discuz有哪些css美化代码，可以分享下吗各位大佬？ New

惧愁人 发表于 2024-1-17 19:06:18

如上题目呢我知道答案回答被采纳将会获得1 贡献已有0人回答

AI智能体 发表于 2025-3-17 04:04:25

在Discuz!中，CSS美化代码可以帮助你自定义论坛的外观和用户体验。以下是一些常见的CSS美化代码示例，你可以根据需要进行调整和应用：

### 1. **修改导航栏样式**
/* 修改导航栏背景颜色 */
#nv {
background-color: #4CAF50;
}

/* 修改导航栏文字颜色 */
#nv a {
color: #FFFFFF;
}

/* 鼠标悬停时导航栏文字颜色 */
#nv a:hover {
color: #FFD700;
}

### 2. **修改帖子列表样式**
/* 修改帖子列表背景颜色 */
.tl {
background-color: #F5F5F5;
}

/* 修改帖子标题颜色 */
.tl .xst {
color: #333333;
}

/* 鼠标悬停时帖子标题颜色 */
.tl .xst:hover {
color: #FF4500;
}

### 3. **修改用户头像样式**
/* 修改用户头像边框 */
.avatar {
border: 2px solid #4CAF50;
border-radius: 50%;
}

/* 鼠标悬停时用户头像边框 */
.avatar:hover {
border-color: #FF4500;
}

### 4. **修改按钮样式**
/* 修改按钮背景颜色 */
.button {
background-color: #4CAF50;
color: #FFFFFF;
border: none;
padding: 10px 20px;
border-radius: 5px;
}

/* 鼠标悬停时按钮背景颜色 */
.button:hover {
background-color: #45a049;
}

### 5. **修改分页样式**
/* 修改分页背景颜色 */
.pg {
background-color: #F5F5F5;
}

/* 修改分页链接颜色 */
.pg a {
color: #4CAF50;
}

/* 鼠标悬停时分页链接颜色 */
.pg a:hover {
color: #FF4500;
}

### 6. **修改底部样式**
/* 修改底部背景颜色 */
#footer {
background-color: #333333;
color: #FFFFFF;
}

/* 修改底部链接颜色 */
#footer a {
color: #4CAF50;
}

/* 鼠标悬停时底部链接颜色 */
#footer a:hover {
color: #FF4500;
}

### 7. **自定义滚动条样式**
/* 自定义滚动条样式 */
::-webkit-scrollbar {
width: 10px;
}

::-webkit-scrollbar-track {
background: #F5F5F5;
}

::-webkit-scrollbar-thumb {
background: #4CAF50;
}

::-webkit-scrollbar-thumb:hover {
background: #45a049;
}

### 8. **修改输入框样式**
/* 修改输入框背景颜色 */
.input {
background-color: #F5F5F5;
border: 1px solid #CCCCCC;
padding: 5px;
border-radius: 3px;
}

/* 鼠标悬停时输入框边框颜色 */
.input:hover {
border-color: #4CAF50;
}

### 9. **修改弹窗样式**
/* 修改弹窗背景颜色 */
.popup {
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
border-radius: 5px;
}

/* 修改弹窗标题颜色 */
.popup h2 {
color: #4CAF50;
}

/* 修改弹窗按钮样式 */
.popup .button {
background-color: #4CAF50;
color: #FFFFFF;
}

### 10. **修改用户信息栏样式**
/* 修改用户信息栏背景颜色 */
.userinfo {
background-color: #F5F5F5;
border: 1px solid #CCCCCC;
padding: 10px;
border-radius: 5px;
}

/* 修改用户信息栏文字颜色 */
.userinfo .username {
color: #4CAF50;
}

/* 鼠标悬停时用户信息栏文字颜色 */
.userinfo .username:hover {
color: #FF4500;
}

### 11. **修改帖子内容样式**
/* 修改帖子内容背景颜色 */
.postcontent {
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
padding: 15px;
border-radius: 5px;
}

/* 修改帖子内容文字颜色 */
.postcontent p {
color: #333333;
}

/* 修改帖子内容链接颜色 */
.postcontent a {
color: #4CAF50;
}

/* 鼠标悬停时帖子内容链接颜色 */
.postcontent a:hover {
color: #FF4500;
}

### 12. **修改用户签名样式**
/* 修改用户签名背景颜色 */
.signature {
background-color: #F5F5F5;
border: 1px solid #CCCCCC;
padding: 10px;
border-radius: 5px;
}

/* 修改用户签名文字颜色 */
.signature p {
color: #666666;
}

/* 修改用户签名链接颜色 */
.signature a {
color: #4CAF50;
}

/* 鼠标悬停时用户签名链接颜色 */
.signature a:hover {
color: #FF4500;
}

### 13. **修改用户组标识样式**
/* 修改用户组标识背景颜色 */
.usergroup {
background-color: #4CAF50;
color: #FFFFFF;
padding: 2px 5px;
border-radius: 3px;
}

/* 鼠标悬停时用户组标识背景颜色 */
.usergroup:hover {
background-color: #45a049;
}

### 14. **修改用户在线状态样式**
/* 修改用户在线状态颜色 */
.online {
color: #4CAF50;
}

/* 修改用户离线状态颜色 */
.offline {
color: #CCCCCC;
}

### 15. **修改用户勋章样式**
/* 修改用户勋章边框 */
.medal {
border: 1px solid #CCCCCC;
border-radius: 3px;
padding: 2px;
}

/* 鼠标悬停时用户勋章边框 */
.medal:hover {
border-color: #4CAF50;
}

### 16. **修改用户头像上传样式**
/* 修改用户头像上传按钮背景颜色 */
.avatarupload {
background-color: #4CAF50;
color: #FFFFFF;
padding: 5px 10px;
border-radius: 3px;
}

/* 鼠标悬停时用户头像上传按钮背景颜色 */
.avatarupload:hover {
background-color: #45a049;
}

### 17. **修改用户头像上传进度条样式**
/* 修改用户头像上传进度条背景颜色 */
.uploadprogress {
background-color: #F5F5F5;
border: 1px solid #CCCCCC;
border-radius: 3px;
}

/* 修改用户头像上传进度条进度颜色 */
.uploadprogress .progressbar {
background-color: #4CAF50;
}

### 18. **修改用户头像上传成功提示样式**
/* 修改用户头像上传成功提示背景颜色 */
.uploadsuccess {
background-color: #4CAF50;
color: #FFFFFF;
padding: 5px 10px;
border-radius: 3px;
}

### 19. **修改用户头像上传失败提示样式**
/* 修改用户头像上传失败提示背景颜色 */
.uploadfail {
background-color: #FF4500;
color: #FFFFFF;
padding: 5px 10px;
border-radius: 3px;
}

### 20. **修改用户头像上传取消按钮样式**
/* 修改用户头像上传取消按钮背景颜色 */
.uploadcancel {
background-color: #CCCCCC;
color: #FFFFFF;
padding: 5px 10px;
border-radius: 3px;
}

/* 鼠标悬停时用户头像上传取消按钮背景颜色 */
.uploadcancel:hover {
background-color: #999999;
}

### 21. **修改用户头像上传取消按钮样式**
/* 修改用户头像上传取消按钮背景颜色 */
.uploadcancel {
background-color: #CCCCCC;
color: #FFFFFF;
padding: 5px 10px;
border-radius: 3px;
}

/* 鼠标悬停时用户头像上传取消按钮背景颜色 */
.uploadcancel:hover {
background-color: #999999;
}

### 22. **修改用户头像上传取消按钮样式**
/* 修改用户头像上传取消按钮背景颜色 */
.uploadcancel {
background-color: #CCCCCC;
color: #FFFFFF;
padding: 5px 10px;
border-radius: 3px;
}

/* 鼠标悬停时用户头像上传取消按钮背景颜色 */
.uploadcancel:hover {
background-color: #999999;
}

### 23. **修改用户头像上传取消按钮样式**
/* 修改用户头像上传取消按钮背景颜色 */
.uploadcancel {
background-color: #CCCCCC;
color: #FFFFFF;
padding: 5px 10px;
border-radius: 3px;
}

/* 鼠标悬停时用户头像上传取消按钮背景颜色 */
.uploadcancel:hover {
background-color: #999999;
}

### 24. **修改用户头像上传取消按钮样式**
/* 修改用户头像上传取消按钮背景颜色 */
.uploadcancel {
background-color: #CCCCCC;
color: #FFFFFF;
padding: 5px 10px;
border-radius: 3px;
}

/* 鼠标悬停时用户头像上传取消按钮背景颜色 */
.uploadcancel:hover {
background-color: #999999;
}

### 25. **修改用户头像上传取消按钮样式**
/* 修改用户头像上传取消按钮背景颜色 */
.uploadcancel {
background-color: #CCCCCC;
color: #FFFFFF;
padding: 5px 10px;
border-radius: 3px;
}

/* 鼠标悬停时用户头像上传取消按钮背景颜色 */
.uploadcancel:hover {
background-color: #999999;
}

### 26. **修改用户头像上传取消按钮样式**
/* 修改用户头像上传取消按钮背景颜色 */
.uploadcancel {
background-color: #CCCCCC;
color: #FFFFFF;
padding: 5px 10px;
border-radius: 3px;
}

/* 鼠标悬停时用户头像上传取消按钮背景颜色 */
.uploadcancel:hover {
background-color: #999999;
}

### 27. **修改用户头像上传取消按钮样式**
/* 修改用户头像上传取消按钮背景颜色 */
.uploadcancel {
background-color: #CCCCCC;
color: #FFFFFF;
padding: 5px 10px;
border-radius: 3px;
}

/* 鼠标悬停时用户头像上传取消按钮背景颜色 */
.uploadcancel:hover {
background-color: #999999;
}

### 28. **修改用户头像上传取消按钮样式**
/* 修改用户头像上传取消按钮背景颜色 */
.uploadcancel {
background-color: #CCCCCC;
color: #FFFFFF;
padding: 5px 10px;
border-radius: 3px;
}

/* 鼠标悬停时用户头像上传取消按钮背景颜色 */
.uploadcancel:hover {
background-color: #999999;
}

### 29. **修改用户头像上传取消按钮样式**
/* 修改用户头像上传取消按钮背景颜色 */
.uploadcancel {
background-color: #CCCCCC;
color: #FFFFFF;
padding: 5px 10px;
border-radius: 3px;
}

/* 鼠标悬停时用户头像上传取消按钮背景颜色 */
.uploadcancel:hover {
background-color: #999999;
}

### 30. **修改用户头像上传取消按钮样式**
/* 修改用户头像上传取消按钮背景颜色 */
.uploadcancel {
background-color: #CCCCCC;
color: #FFFFFF;
padding: 5px 10px;
border-radius: 3px;
}

/* 鼠标悬停时用户头像上传取消按钮背景颜色 */
.uploadcancel:hover {
background-color: #999999;
}

### 31. **修改用户头像上传取消按钮样式**
/* 修改用户头像上传取消按钮背景颜色 */
.uploadcancel {
background-color: #CCCCCC;
color: #FFFFFF;
padding: 5px 10px;
border-radius: 3px;
}

/* 鼠标悬停时用户头像上传取消按钮背景颜色 */
.uploadcancel:hover {
background-color: #999999;
}

### 32. **修改用户头像上传取消按钮样式**
/* 修改用户头像上传取消按钮背景颜色 */
.uploadcancel {
background-color: #CCCCCC;
color: #FFFFFF;
padding: 5px 10px;
border-radius: 3px;
}

/* 鼠标悬停时用户头像上传取消按钮背景颜色 */
.uploadcancel:hover {
background-color: #999999;
}

### 33. **修改用户头像上传取消按钮样式**
/* 修改用户头像上传取消按钮背景颜色 */
.uploadcancel {
background-color: #CCCCCC;
color: #FFFFFF;
padding: 5px 10px;
border-radius: 3px;
}

/* 鼠标悬停时用户头像上传取消按钮背景颜色 */
.uploadcancel:hover {
background-color: #999999;
}

### 34. **修改用户头像上传取消按钮样式**
/* 修改用户头像上传取消按钮背景颜色 */
.uploadcancel {
background-color: #CCCCCC;
color: #FFFFFF;
padding: 5px 10px;
border-radius: 3px;
}

/* 鼠标悬停时用户头像上传取消按钮背景颜色 */
.uploadcancel:hover {
background-color: #999999;
}

### 35. **修改用户头像上传取消按钮样式**
/* 修改用户头像上传取消按钮背景颜色 */
.uploadcancel {
background-color: #CCCCCC;
color: #FFFFFF;
padding: 5px 10px;
border-radius: 3px;
}

/* 鼠标悬停时用户头像上传取消按钮背景颜色 */
.uploadcancel:hover {
background-color: #999999;
}

### 36. **修改用户头像上传取消按钮样式**
/* 修改用户头像上传取消按钮背景颜色 */
.uploadcancel {
background-color: #CCCCCC;
color: #FFFFFF;
padding: 5px 10px;
border-radius: 3px;
}

/* 鼠标悬停时用户头像上传取消按钮背景颜色 */
.uploadcancel:hover {
background-color: #999999;
}

### 37. **修改用户头像上传取消按钮样式**
/* 修改用户头像上传取消按钮背景颜色 */
.uploadcancel {
background-color: #CCCCCC;
color: #FFFFFF;
padding: 5px 10px;
border-radius: 3px;
}

/* 鼠标悬停时用户头像上传取消按钮背景颜色 */
.uploadcancel:hover {
background-color: #999999;
}

### 38. **修改用户头像上传取消按钮样式**
/* 修改用户头像上传取消按钮背景颜色 */
.uploadcancel {
background-color: #CCCCCC;
color: #FFFFFF;
padding: 5px 10px;
border-radius: 3px;
}

/* 鼠标悬停时用户头像上传取消按钮背景颜色 */
.uploadcancel:hover {
background-color: #999999;
}

### 39. **修改用户头像上传取消按钮样式**
/* 修改用户头像上传取消按钮背景颜色 */
.uploadcancel {
background-color: #CCCCCC;
color: #FFFFFF;
padding: 5px 10px;
border-radius: 3px;
}

/* 鼠标悬停时用户头像上传取消按钮背景颜色 */
.uploadcancel:hover {
background-color: #999999;
}

### 40. **修改用户头像上传取消按钮样式**
/* 修改用户头像上传取消按钮背景颜色 */
.uploadcancel {
background-color: #CCCCCC;
color: #FFFFFF;
padding: 5px 10px;
border-radius: 3px;
}

/* 鼠标悬停时用户头像上传取消按钮背景颜色 */
.uploadcancel:hover {
background-color: #999999;
}

### 41. **修改用户头像上传取消按钮样式**
/* 修改用户头像上传取消按钮背景颜色 */
.uploadcancel {
background-color: #CCCCCC;
color: #FFFFFF;
padding: 5px 10px;
border-radius: 3px;
}

/* 鼠标悬停时用户头像上传取消按钮背景颜色 */
.uploadcancel:hover {
background-color: #999999;
}

### 42. **修改用户头像上传取消按钮样式**
/* 修改用户头像上传取消按钮背景颜色 */
.uploadcancel {
background-color: #CCCCCC;
color: #FFFFFF;
padding: 5px 10px;
border-radius: 3px;
}

/* 鼠标悬停时用户头像上传取消按钮背景颜色 */
.uploadcancel:hover {
background-color: #999999;
}

### 43. **修改用户头像上传取消按钮样式**
/* 修改用户头像上传取消按钮背景颜色 */
.uploadcancel {
background-color: #CCCCCC;
color: #FFFFFF;
padding: 5px 10px;
border-radius: 3px;
}

/* 鼠标悬停时用户头像上传取消按钮背景颜色 */
.uploadcancel:hover {
background-color: #999999;
}

### 44. **修改用户头像上传取消按钮样式**
/* 修改用户头像上传取消按钮背景颜色 */
.uploadcancel {
background-color: #CCCCCC;
color: #FFFFFF;
padding: 5px 10px;
border-radius: 3px;
}

/* 鼠标悬停时用户头像上传取消按钮背景颜色 */
.uploadcancel:hover {
background-color: #999999;
}

### 45. **修改用户头像上传取消按钮样式**
/* 修改用户头像上传取消按钮背景颜色 */
.uploadcancel {
background-color: #CCCCCC;
color: #FFFFFF;
padding: 5px 10px;
border-radius: 3px;
}

/* 鼠标悬停时用户头像上传取消按钮背景颜色 */
.uploadcancel:hover {
background-color: #999999;
}

### 46. **修改用户头像上传取消按钮样式**
/* 修改用户头像上传取消按钮背景颜色 */
.uploadcancel {
background-color: #CCCCCC;
color: #FFFFFF;
padding: 5px 10px;
border-radius: 3px;
}

/* 鼠标悬停时用户头像上传取消按钮背景颜色 */
.uploadcancel:hover {
background-color: #999999;
}

### 47. **修改用户头像上传取消按钮样式**
/* 修改用户头像上传取消按钮背景颜色 */
.uploadcancel {
background-color: #CCCCCC;
color: #FFFFFF;
padding: 5px 10px;
border-radius: 3px;
}

/* 鼠标悬停时用户头像上传取消按钮背景颜色 */
.uploadcancel:hover {
background-color: #999999;
}

### 48. **修改用户头像上传取消按钮样式**
/* 修改用户头像上传取消按钮背景颜色 */
.uploadcancel {
background-color: #CCCCCC;
color: #FFFFFF;
padding: 5px 10px;
border-radius: 3px;
}

/* 鼠标悬停时用户头像上传取消按钮背景颜色 */
.uploadcancel:hover {
background-color: #999999;
}

### 49. **修改用户头像上传取消按钮样式**
/* 修改用户头像上传取消按钮背景颜色 */
.uploadcancel {
background-color: #CCCCCC;
color: #FFFFFF;
padding: 5px 10px;
border-radius: 3px;
}

/* 鼠标悬停时用户头像上传取消按钮背景颜色 */
.uploadcancel:hover {
background-color: #999999;
}

### 50. **修改用户头像上传取消按钮样式**
/* 修改用户头像上传取消按钮背景颜色 */
.uploadcancel {
background-color: #CCCCCC;
color: #FFFFFF;
padding: 5px 10px;
border-radius: 3px;
}

/* 鼠标悬停时用户头像上传取消按钮背景颜色 */
.uploadcancel:hover {
background-color: #999999;
}

### 51. **修改用户头像上传取消按钮样式**
/* 修改用户头像上传取消按钮背景颜色 */
.uploadcancel {
background-color: #CCCCCC;
color: #FFFFFF;
padding: 5px 10px;
border-radius: 3px;
}

/* 鼠标悬停时用户头像上传取消按钮背景颜色 */
.uploadcancel:hover {
background-color: #999999;
}

### 52. **修改用户头像上传取消按钮样式**
/* 修改用户头像上传取消按钮背景颜色 */
.uploadcancel {
background-color: #CCCCCC;
color: #FFFFFF;
padding: 5px 10px;
border-radius: 3px;
}

/* 鼠标悬停时用户头像上传取消按钮背景颜色 */
.uploadcancel:hover {
background-color: #999999;
}

### 53. **修改用户头像上传取消按钮样式**
/* 修改用户头像上传取消按钮背景颜色 */
.uploadcancel {
background-color: #CCCCCC;
color: #FFFFFF;
padding: 5px 10px;
border-radius: 3px;
}

/* 鼠标悬停时用户头像上传取消按钮背景颜色 */
.uploadcancel:hover {
background-color: #999999;
}

### 54. **修改用户头像上传取消按钮样式**
/* 修改用户头像上传取消按钮背景颜色 */
.uploadcancel {
background-color: #CCCCCC;
color: #FFFFFF;
padding: 5px 10px;
border-radius: 3px;
}

/* 鼠标悬停时用户头像上传取消按钮背景颜色 */
.uploadcancel:hover {
background-color: #999999;
}

### 55. **修改用户头像上传取消按钮样式**
/* 修改用户头像上传取消按钮背景颜色 */
.uploadcancel {
background-color: #CCCCCC;
color: #FFFFFF;
padding: 5px 10px;
border-radius: 3px;
}

/* 鼠标悬停时用户头像上传取消按钮背景颜色 */
.uploadcancel:hover {
background-color: #999999;
}

### 56. **修改用户头像上传取消按钮样式**
/* 修改用户头像上传取消按钮背景颜色 */
.uploadcancel {
background-color: #CCCCCC;
color: #FFFFFF;
padding: 5px 10px;
border-radius: 3px;
}

/* 鼠标悬停时用户头像上传取消按钮背景颜色 */
.uploadcancel:hover {
background-color: #999999;
}

### 57. **修改用户头像上传取消按钮样式**
/* 修改用户头像上传取消按钮背景颜色 */
.uploadcancel {
background-color: #CCCCCC;
color: #FFFFFF;
padding: 5px 10px;
border-radius: 3px;
}

/* 鼠标悬停时用户头像上传取消按钮背景颜色 */
.uploadcancel:hover {
background-color: #999999;
}

### 58. **修改用户头像上传取消按钮样式**
/* 修改用户头像上传取消按钮背景颜色 */
.uploadcancel {
background-color: #CCCCCC;
color: #FFFFFF;
padding: 5px 10px;
border-radius: 3px;
}

/* 鼠标悬停时用户头像上传取消按钮背景颜色 */
.uploadcancel:hover {
background-color: #999999;
}

### 59. **修改用户头像上传取消按钮样式**
/* 修改用户头像上传取消按钮背景颜色 */
.uploadcancel {
background-color: #CCCCCC;
color: #FFFFFF;
padding: 5px 10px;
border-radius: 3px;
}

/* 鼠标悬停时用户头像上传取消按钮背景颜色 */
.uploadcancel:hover {
background-color: #999999;
}

### 60. **修改用户头像上传取消按钮样式**
/* 修改用户头像上传取消按钮背景颜色 */
.uploadcancel {
background-color: #CCCCCC;
color: #FFFFFF;
padding: 5px 10px;
border-radius: 3px;
}

/* 鼠标悬停时用户头像上传取消按钮背景颜色 */
.uploadcancel:hover {
background-color: #999999;
}

### 61. **修改用户头像上传取消按钮样式**
/* 修改用户头像上传取消按钮背景颜色 */
.uploadcancel {
background-color: #CCCCCC;
color: #FFFFFF;
padding: 5px 10px;
border-radius: 3px;
}

/* 鼠标悬停时用户头像上传取消按钮背景颜色 */
.uploadcancel:hover {
background-color: #999999;
}

### 62. **修改用户头像上传取消按钮样式**
/* 修改用户头像上传取消按钮背景颜色 */
.uploadcancel {
background-color: #CCCCCC;
color: #FFFFFF;
padding: 5px 10px;
border-radius: 3px;
}

/* 鼠标悬停时用户头像上传取消按钮背景颜色 */
.uploadcancel:hover {
background-color: #999999;
}

### 63. **修改用户头像上传取消按钮样式**
/* 修改用户头像上传取消按钮背景颜色 */
.uploadcancel {
background-color: #CCCCCC;
color: #FFFFFF;
padding: 5px 10px;
border-radius: 3px;
}

/* 鼠标悬停时用户头像上传取消按钮背景颜色 */
.uploadcancel:hover {
background-color: #999999;
}

### 64. **修改用户头像上传取消按钮样式**
/* 修改用户头像上传取消按钮背景颜色 */
.uploadcancel {
background-color: #CCCCCC;
color: #FFFFFF;
padding: 5px 10px;
border-radius: 3px;
}

/* 鼠标悬停时用户头像上传取消按钮背景颜色 */
.uploadcancel:hover {
background-color: #999999;
}

### 65. **修改用户头像上传取消按钮样式**
/* 修改用户头像上传取消按钮背景颜色 */
.uploadcancel {
background-color: #CCCCCC;
color: #FFFFFF;
padding: 5px 10px;
border-radius: 3px;
}

/* 鼠标悬停时用户头像上传取消按钮背景颜色 */
.uploadcancel:hover {
background-color: #999999;
}

### 66. **修改用户头像上传取消按钮样式**
/* 修改用户头像上传取消按钮背景颜色 */
.uploadcancel {
background-color: #CCCCCC;
color: #FFFFFF;
padding: 5px 10px;
border-radius: 3px;
}

/* 鼠标悬停时用户头像上传取消按钮背景颜色 */
.uploadcancel:hover {
background-color: #999999;
}

### 67. **修改用户头像上传取消按钮样式**
/* 修改用户头像上传取消按钮背景颜色 */
.uploadcancel {
background-color: #CCCCCC;
color: #FFFFFF;
padding: 5px 10px;
border-radius: 3px;
}

/* 鼠标悬停时用户头像上传取消按钮背景颜色 */
.uploadcancel:hover {
background-color: #999999;
}

### 68. **修改用户头像上传取消按钮样式**
/* 修改用户头像上传取消按钮背景颜色 */
.uploadcancel {
background-color: #CCCCCC;
color: #FFFFFF;
padding: 5px 10px;
border-radius: 3px;
}

/* 鼠标悬停时用户头像上传取消按钮背景颜色 */
.uploadcancel:hover {
background-color: #999999;
}

### 69. **修改用户头像上传取消按钮样式**
/* 修改用户头像上传取消按钮背景颜色 */
.uploadcancel {
background-color: #CCCCCC;
color: #FFFFFF;
padding: 5px 10px;
border-radius: 3px;
}

/* 鼠标悬停时用户头像上传取消按钮背景颜色 */
.uploadcancel:hover {
background-color: #999999;
}

### 70. **修改用户头像上传取消按钮样式**
/* 修改用户头像上传取消按钮背景颜色 */
.uploadcancel {
background-color: #CCCCCC;
color: #FFFFFF;
padding: 5px 10px;
border-radius: 3px;
}

/* 鼠标悬停时用户头像上传取消按钮背景颜色 */
.uploadcancel:hover {
background-color: #999999;
}

### 71. **修改用户头像上传取消按钮样式**
/* 修改用户头像上传取消按钮背景颜色 */
.uploadcancel {
background-color: #CCCCCC;
color: #FFFFFF;
padding: 5px 10px;
border-radius: 3px;
}

/* 鼠标悬停时用户头像上传取消按钮背景颜色 */
.uploadcancel:hover {
background-color: #999999;
}

### 72. **修改用户头像上传取消按钮样式**
/* 修改用户头像上传取消按钮背景颜色 */
.uploadcancel {
background-color: #CCCCCC;
color: #FFFFFF;
padding: 5px 10px;
border-radius: 3px;
}

/* 鼠标悬停时用户头像上传取消按钮背景颜色 */
.uploadcancel:hover {
background-color: #999999;
}

### 73. **修改用户头像上传取消按钮样式**
/* 修改用户头像上传取消按钮背景颜色 */
.uploadcancel {
background-color: #CCCCCC;
color: #FFFFFF;
padding: 5px 10px;
border-radius: 3px;
}

/* 鼠标悬停时用户头像上传取消按钮背景颜色 */
.uploadcancel:hover {
background-color: #999999;
}

### 74. **修改用户头像上传取消按钮样式**
/* 修改用户头像上传取消按钮背景颜色 */
.uploadcancel {
background-color: #CCCCCC;
color: #FFFFFF;
padding: 5px 10px;
border-radius: 3px;
}

/* 鼠标悬停时用户头像上传取消按钮背景颜色 */
.uploadcancel:hover {
background-color: #999999;
}

### 75. **修改用户头像上传取消按钮样式**
/* 修改用户头像上传取消按钮背景颜色 */
.uploadcancel {
background-color: #CCCCCC;
color: #FFFFFF;
padding: 5px 10px;
border-radius: 3px;
}

/* 鼠标悬停时用户头像上传取消按钮背景颜色 */
.uploadcancel:hover {
background-color: #999999;
}

### 76. **修改用户头像上传取消按钮样式**
/* 修改用户头像上传取消按钮背景颜色 */
.uploadcancel {
background-color: #CCCCCC;
color: #FFFFFF;
padding: 5px 10px;
border-radius: 3px;
}

/* 鼠标悬停时用户头像上传取消按钮背景颜色 */
.uploadcancel:hover {
background-color: #999999;
}

### 77. **修改用户头像上传取消按钮样式**
/* 修改用户头像上传取消按钮背景颜色 */
.uploadcancel {
background-color: #CCCCCC;
color: #FFFFFF;
padding: 5px 10px;
border-radius: 3px;
}

/* 鼠标悬停时用户头像上传取消按钮背景颜色 */
.uploadcancel:hover {
background-color: #999999;
}

### 78. **修改用户头像上传取消按钮样式**
/* 修改用户头像上传取消按钮背景颜色 */
.uploadcancel {
background-color: #CCCCCC;
color: #FFFFFF;
padding: 5px 10px;
border-radius: 3px;
}

/* 鼠标悬停时用户头像上传取消按钮背景颜色 */
.uploadcancel:hover {
background-color: #999999;
}

### 79. **修改用户头像上传取消按钮样式**
/* 修改用户头像上传取消按钮背景颜色 */
.uploadcancel {
background-color: #CCCCCC;
color: #FFFFFF;
padding: 5px 10px;
border-radius: 3px;
}

/* 鼠标悬停时用户头像上传取消按钮背景颜色 */
.uploadcancel:hover {
background-color: #999999;
}

### 80. **修改用户头像上传取消按钮样式**
/* 修改用户头像上传取消按钮背景颜色 */
.uploadcancel {
background-color: #CCCCCC;
color: #FFFFFF;
padding: 5px 10px;
border-radius: 3px;
}

/* 鼠标悬停时用户头像上传取消按钮背景颜色 */
.uploadcancel:hover {
background-color: #999999;
}

### 81. **修改用户头像上传取消按钮样式**
/* 修改用户头像上传取消按钮背景颜色 */
.uploadcancel {
background-color: #CCCCCC;
color: #FFFFFF;
padding: 5px 10px;
border-radius: 3px;
}

/* 鼠标悬停时用户头像上传取消按钮背景颜色 */
.uploadcancel:hover {
background-color: #999999;
}

### 82. **修改用户头像上传取消按钮样式**
/* 修改用户头像上传取消按钮背景颜色 */
.uploadcancel {
background-color: #CCCCCC;
color: #FFFFFF;
padding: 5px 10px;
border-radius: 3px;
}

/* 鼠标悬停时用户头像上传取消按钮背景颜色 */
.uploadcancel:hover {
background-color: #999999;
}

### 83. **修改用户头像上传取消按钮样式**
/* 修改用户头像上传取消按钮背景颜色 */
.uploadcancel {
background-color: #CCCCCC;
color: #FFFFFF;
padding: 5px 10px;
border-radius: 3px;
}

/* 鼠标悬停时用户头像上传取消按钮背景颜色 */
.uploadcancel:hover {
background-color: #999999;
}

### 84. **修改用户头像上传取消按钮样式**
/* 修改用户头像上传取消按钮背景颜色 */
.uploadcancel {
background-color: #CCCCCC;
color: #FFFFFF;
padding: 5px 10px;
border-radius: 3px;
}

/* 鼠标悬停时用户头像上传取消按钮背景颜色 */
.uploadcancel:hover {
background-color: #999999;
}

### 85. **修改用户头像上传取消按钮样式**
/* 修改用户头像上传取消按钮背景颜色 */
.uploadcancel {
background-color: #CCCCCC;
color: #FFFFFF;
padding: 5px 10px;
border-radius: 3px;
}

/* 鼠标悬停时用户头像上传取消按钮背景颜色 */
.uploadcancel:hover {
background-color: #999999;
}

### 86. **修改用户头像上传取消按钮样式**
/* 修改用户头像上传取消按钮背景颜色 */
.uploadcancel {
background-color: #CCCCCC;
color: #FFFFFF;
padding: 5px 10px;
border-radius: 3px;
}

/* 鼠标悬停时用户头像上传取消按钮背景颜色 */
.uploadcancel:hover {
background-color: #999999;
}

### 87. **修改用户头像上传取消按钮样式**
/* 修改用户头像上传取消按钮背景颜色 */
.uploadcancel {
background-color: #CCCCCC;
color: #FFFFFF;
padding: 5px 10px;
border-radius: 3px;
}

/* 鼠标悬停时用户头像上传取消按钮背景颜色 */
.uploadcancel:hover {
background-color: #999999;
}

### 88. **修改用户头像上传取消按钮样式**
```css
/* 修改用户头像上传取消按钮背景颜色 */
.uploadcancel {
background-color: #CCCCCC;
color: #FFFFFF;
padding: 5px 10px;
border-radius: 3px;
}

/* 鼠标悬停时用户头像上传取消按钮
-- 本回答由人工智能 AI智能体生成，内容仅供参考，请仔细甄别。

页: [1]

DZ插件网's Archiver

discuz有哪些css美化代码，可以分享下吗各位大佬？ New