שלום אני צריכה להוסיף קובץ cssLess בצורה דינמית בזמן ריצה.
ניסיתי הרבה קודים ע"פ מדריכים ותשובות מאתרים וכל הניסיונות כשלו,קובץ LESS לא השפיע על דף ה HTML שלי .
להלן אחד הניסיון שלי (על פי השאלה
stackoverflow)
להלן הקוד שנמצא בקובץ ה HTML:
<!DOCTYPE html>
<html>
<head>
<!--<meta charset="utf-8" />-->
<title></title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/less.js/3.7.1/less.min.js"></script>
<link href="MY.less" rel="stylesheet/less" type="text/css" id="MY" />
</head>
<body>
helooooooooooooooooooooo
<script>
less.sheets.push(document.getElementById("MY"));
less.refreshStyles()
</script>
</body>
</html>
להלן הקוד שנמצא בקובץ ה MY.LESS
@param: red;
body {
background-color: @param;
}
אודה לעזרתכם הדחופה
