我的网站联系表单占位符仅在我们的某台计算机上无法正常显示

Question

我正在建立一个网站，我有一个联系表格。 我已在所有浏览器，移动设备，ipad和桌面上测试过它。 Firefox开发人员版还有一个多设备负责测试人员，我尝试过并且所有设备都能正常工作。

然后我将网站上传到临时主机上，用于测试目的，并再次测试，一切都很好！ 除了我们办公室的一台笔记本电脑，占位符显示为线条和点。

我发现代码没有任何问题， 你能帮忙吗？

    <!--Contact Form-->

                                <div class="form-group">
                                    <div class="controls">
                                        <input type="text" id="name" name="name" class="form-control" placeholder="Nome" required data-error="Por favor escreva o seu nome">
                                                <div class="help-block with-errors">
                                                </div>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="controls">
                                        <input type="email" class="email form-control" name="email" id="email" placeholder="Email" required data-error="Por favor escreva o seu email">
                                                <div class="help-block with-errors">
                                                </div>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="controls">
                                        <input type="text" id="msg_subject" name="msg_subject" class="form-control" placeholder="Assunto" required data-error="Por favor escreva o assunto da mensagem">
                                                <div class="help-block with-errors">
                                                </div>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="controls">
                                        <textarea id="message" name="message" rows="7" placeholder="Mensagem" class="form-control" required data-error="Escreva a sua mensagem"></textarea>
                                                <div class="help-block with-errors">
                                                </div>
                                    </div>
                                </div>

                                <button type="submit" id="submit" name="submit" class="btn btn-effect"><i class="fa fa-check"></i>Enviar</button>
                                        <div id="msgSubmit" class="h3 text-center hidden">
                                        </div>
                                        <div class="clearfix">
                                        </div>
                            </form>


    section#contact .form-group input, section#contact .form-group textarea {
    padding: 15px;
    border: 1px solid #e1e1e1;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
    font-size: 13px;
}
.form-control {
    display: block;
    width: 100%;
    height: auto;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #f9f9f9;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;