Laravel - 在选择时更改CSS页面样式

时间:2017-12-07 08:36:09

标签: jquery css laravel laravel-5 laravel-5.2

我为我的项目制作了一个设置页面,在该页面内我想让用户选择在网站上选择多个CSS主题,我想通过下拉菜单来实现。有3个选项,Dark,Light和Regular。我怎样才能做到这一点?

我知道我可以使用像jQuery这样的东西但是文件最终看起来像这样,因为我必须为每个标记添加单独的类。

$("#Red").click(function() {
    $(".txt-bubble-response").css('background-color', '#FA3C4C');
    $(".noti-badge").css('background-color', '#FA3C4C');
    $(".btn-send-msg").css('border-color', '#FA3C4C');
    $(".btn-send-msg").css('color', '#FA3C4C');
    saveColor('#FA3C4C');
});

我想要更改整个页面。从导航栏的颜色到整个页面的背景颜色等等。当然,它需要为用户保存。实现这一目标的最佳和有效方法是什么?我一直在网上看,但我找不到它。提前致谢

1 个答案:

答案 0 :(得分:0)

我个人认为最好将其保存在数据库字段中(可能在用户上),然后简单地制作不同的css页面或类。在主人,你包括你的CSS,你可以做类似的事情:

if(applicationInstance.foregroundActivities > 0){ //App is in foreground }else{ //App is in background }

你真的不需要JQuery。 希望这会有所帮助。