asp.net 如何在cshtml中更改razor语法的背景颜色

jrcvhitl  于 2023-03-09  发布在  .NET
关注(0)|答案(2)|浏览(175)

我想更改cshtml中razor代码的背景颜色,以便在滚动时更快地识别它。我想更改整个文本,而不仅仅是@。我该如何做?x1c 0d1x

iqxoj9l9

iqxoj9l91#

我终于解决了我的问题。我去了工具〉选项〉文本编辑器〉HTML〉高级,并把遗留剃刀编辑器为真。现在我有了我想要的。

hvvq6cgz

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的背景颜色。

相关问题