asp.net – 使用纯CSS定义asp:GridView的全局网站样式(不使用VS Skins)

前端之家收集整理的这篇文章主要介绍了asp.net – 使用纯CSS定义asp:GridView的全局网站样式(不使用VS Skins)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在开发一个相当大的aspx web项目,广泛使用asp:GridViews

我想默认使用CSS在一个地方定义所有网格视图的外观.

据我了解,这样做的一种方法是通过Visual Studio中的“Skins”….但我记得有一段时间做了一些研究,发现很多人鄙视皮肤并且总是在asp.net中使用普通的CSS项目(虽然我不能完全记住他们的坏事).

所以我的问题是:
1)是否可以使用纯CSS执行此全局默认asp:GridView样式
2)使用VS Skins是否有任何优势,或者只是简单的CSS与使用皮肤一样强大且易于维护?

更新:我还要提到GridView有很多独特的样式,比如SelectedRowStyle-BackColor;这对我原来的问题有什么影响吗?如果有人可以发布或链接到任何这样的例子,这将是非常有帮助的.

解决方法

定义样式表并在某处设置这些样式:
  1. /**
  2. * GRIDVIEW STYLES
  3. **/
  4. .gridview {
  5. font-family:"arial";
  6. background-color:#FFFFFF;
  7. width: 100%;
  8. font-size: small;
  9. }
  10. .gridview th {
  11. background: #7AC142;
  12. padding: 5px;
  13. font-size:small;
  14.  
  15. }
  16. .gridview th a{
  17. color: #003300;
  18. text-decoration: none;
  19. }
  20. .gridview th a:hover{
  21. color: #003300;
  22. text-decoration: underline;
  23. }
  24. .gridview td {
  25. background: #D9EDC9;
  26. color: #333333;
  27. font: small "arial";
  28. padding: 4px;
  29. }
  30. .gridview tr.even td {
  31. background: #FFFFFF;
  32. }
  33. .gridview td a{
  34. color: #003300;
  35. font: bold small "arial";
  36. padding: 2px;
  37. text-decoration: none;
  38. }
  39. .gridview td a:hover {
  40. color: red;
  41. font-weight: bold;
  42. text-decoration:underline;
  43. }

然后需要设置gridview以利用CssClass和AlternatingRowStyle-CssClass来利用这些:

  1. <asp:GridView ID="GridView1"
  2. runat="server"
  3. CssClass="gridview"
  4. AlternatingRowStyle-CssClass="even">

猜你在找的asp.Net相关文章