Javascript Magento在移动设备上将样式显示为文本

当尝试在移动设备上查看商店中的产品时，它将以文本形式显示产品的样式，而不是应用它。 这将只在移动设备上显示为文本，并且在常规浏览器（计算机）上的工作方式是一样的

在移动设备上，它将显示如下：

<b>Intel Quad Core - I7 - 6700HQ</b> 
(2.6GHz - 3.5Ghz)) 6MB cache­ (SKYLAKE) <b>
<font color=“#4CC417”>45 Watt</b></font> Intel® HD 530

英特尔四核-I7-6700HQ （2.6GHz-3.5Ghz）6MB高速缓存（SKYLAKE） 45瓦英特尔®高清530 尝试在计算机浏览器中禁用JavaScript执行后，它将只显示文本和样式

以下是计算机浏览器的示例： 以下是同一产品的设备版本示例：

在计算机上禁用JavaScript后，PC版本也将与移动版本类似。所以我最好的猜测是它与JavaScript问题有关

我们已经研究这个问题好几天了，但还没有找到有效的解决方案

提前谢谢

编辑：添加了我们希望找到问题的部分代码

<script type="text/javascript">          
 var Brchecked="1";
 function Bmouseo(tyu){if(Brchecked!=tyu)     {
document.getElementById("hover-"+tyu).style.backgroundColor="#155565";}}
 function Bmouseo2(tyu){if(Brchecked!=tyu)    {     document.getElementById("hover-"+tyu).style.backgroundColor="transparent";     document.getElementById("hover-"+tyu).style.color="#ffffff";}}
</script>

var Brchecked=“1”；
函数Bmouseo（tyu）{if（Brchecked！=tyu）{
document.getElementById（“hover-”+tyu）.style.backgroundColor=“#155565”；}
函数Bmouseo2（tyu）{if（Brchecked！=tyu）{document.getElementById（“hover-”+tyu）.style.backgroundColor=“transparent”；document.getElementById（“hover-”+tyu）.style.color=“#ffffff”；}

编辑：执行此代码后，问题得到解决，文本按预期方式显示

changeSelection: function(selection){       
    parts = selection.id.split('-');
    if (this.config['options'][parts[2]].isMulti) {
        selected = new Array();
        if (selection.tagName == 'SELECT') {
            for (var i = 0; i < selection.options.length; i++) {
                if (selection.options[i].selected && selection.options[i].value != '') {                        
                    selected.push(selection.options[i].value);
                    //this.showName(parts[2], selection.options[i]);

                }
            }
        } else if (selection.tagName == 'INPUT') {
            selector = parts[0]+'-'+parts[1]+'-'+parts[2];
            selections = $$('.'+selector);
            for (var i = 0; i < selections.length; i++) {
                if (selections[i].checked && selections[i].value != '') {                       
                    selected.push(selections[i].value);
                    alert(selections[i].value);
                    //this.showName(parts[2], selections[i]);

                }
            }               
        }
        this.config.selected[parts[2]] = selected;
    } else {
        if (selection.value != '') {
            this.config.selected[parts[2]] = new Array(selection.value);

        } else {
            this.config.selected[parts[2]] = new Array();
        }
        this.populateQty(parts[2], selection.value);
        //this.showName(parts[2], selection);           
    }
    this.changeTitlePriceLabel(parts[2], selection.value);
    this.changeTagActive(parts[2], selection.value);
    //alert(selection.value);
    this.showName();
    this.reloadPrice();

}

changeSelection:函数（选择）{
parts=selection.id.split（'-'）；
if（this.config['options'][parts[2]].isMulti）{
选定=新数组（）；
如果（selection.tagName=='SELECT'）{
对于（变量i=0；i

确保在页面的页眉部分按特定顺序显示以下内容

<meta charset="UTF-8">
<title>Page Header</title>
<meta name="viewport" content="width=device-width; initial-scale=1.0;">
<link rel="stylesheet" href="style.css">

---

请确保在页面的页眉部分中按此特定顺序显示以下内容

<meta charset="UTF-8">
<title>Page Header</title>
<meta name="viewport" content="width=device-width; initial-scale=1.0;">
<link rel="stylesheet" href="style.css">

---

我们已经检查了这一点，上面的所有内容都存在，按照顺序，我们可以尝试其他选项吗？为什么使用javascript来获得结果，使用css而不是动态添加样式，我希望这是过去选择使用javascript的原因。请看我上面添加的css的悬停效果，它有相同的结果，但这只会把所有的文本变黑，对吗？此外，我们需要的部分颜色我们已经检查了这一点，上面所有的都是存在的，按照顺序，我们可以尝试其他选项吗？为什么使用javascript来获得结果，使用css而不是样式需要动态添加，我希望这是过去选择使用JavaScript的原因。看到我在上面添加的css的悬停效果，它有相同的结果。但是这只会使所有文本变黑，对吗？还有我们需要着色的部分