我想更改cshtml中razor代码的背景颜色,以便在滚动时更快地识别它。我想更改整个文本,而不仅仅是@。我该如何做?x1c 0d1x
iqxoj9l91#
我终于解决了我的问题。我去了工具〉选项〉文本编辑器〉HTML〉高级,并把遗留剃刀编辑器为真。现在我有了我想要的。
hvvq6cgz2#
你可以使用javascript来改变背景颜色。
@model MyViewModel <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>My Page</title> <style> body { background-color: white; } #content { /* your content styles here */ } </style> </head> <body> <div id="content"> <!-- your dynamic content here --> </div> <script> const content = document.getElementById("content"); window.addEventListener("scroll", function() { if (window.pageYOffset > 0) { content.style.backgroundColor = "lightblue"; } else { content.style.backgroundColor = "white"; } }); </script> </body> </html>
使用Razor语法生成页面的HTML和CSS,包括动态内容的#contentdiv,然后在页面底部添加一个JavaScript块,侦听“scroll”事件并相应地更新#contentdiv的背景颜色。
2条答案
按热度按时间iqxoj9l91#
我终于解决了我的问题。我去了工具〉选项〉文本编辑器〉HTML〉高级,并把遗留剃刀编辑器为真。现在我有了我想要的。
hvvq6cgz2#
你可以使用javascript来改变背景颜色。
使用Razor语法生成页面的HTML和CSS,包括动态内容的#contentdiv,然后在页面底部添加一个JavaScript块,侦听“scroll”事件并相应地更新#contentdiv的背景颜色。