如何更改栏中的页面颜色

Question

我有一个简单的rails应用程序，用户和发布模式，我想要做的就是在每个帖子的显示页面上添加一个简单的按钮，当用户点击将改变整个页面的颜色从通常的白色变成灰暗的灰色。这将非常像用户的阅读模式。 每个用户只能为他们自己进入阅读模式，而不能访问其他访问同一帖子的用户。

我试过搜索互联网，但没有发现更多的如何更改按钮的颜色。

Answer 1

如果您在DOM改变一类的东西，如jQuery的

var $body = $('body'); 
 
var $toggleStylesButton = $('.toggle-styles-button'); 
 
    
 
$toggleStylesButton.on('click', function() { 
 
    $body.toggleClass('reading-mode-on'); 
 
});

body { 
 
    background: black; 
 
    color: white; 
 
} 
 

 
body.reading-mode-on { 
 
    background: white; 
 
    color: black; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 

 
<p>Body content</p> 
 

 
<button class='toggle-styles-button'>Toggle styles</button>

但如果你想让它是仍然存在的设置 - 这将是一个轨道具体的事情 - 这可能会根据用户的偏好向课程中添加课程。