Question

我目前有一个项目可以创建一个查询表格，我们公司可以用它来向销售团队提供销售咨询。

我将为此实施一个网页，以捕获详细信息并将其发送到我们的内部销售系统。

为此，我想使用IE，原因如下： 1.不是每个人都有Chrome或Firefox等 2.我还想使用一些vbs将登录的用户名等传递给webform。 3.我可以创建一个无工具栏，无滚动条的窗口，保持整洁。

我已经开始使用w3.css将页面放在一起了。这是我第一次使用w3.css。

是否有人能够告诉我为什么它适用于其他浏览器而不是IE？我已经引用了所有正确的CSS但我得到了一些奇怪的结果。

<!DOCTYPE html>
    <html>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Certsure Sales Enquiry Form</title>
    <link rel="stylesheet" type="text/css" href="https://www.w3schools.com/w3css/4/w3.css">
    <style>
    body {
      padding: 30px;
      background-color: #262626;
      }
    
    .button {
      border-radius: 12px;
      background-color: #c50736;
      color: white;
      padding: 10px;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      font-size: 15px;
      border:none;
      border-radius: 4px;
      cursor: pointer; 
      }
  
    .submit-container {
      padding:20px;
      }
    </style>

    <body>
    <div class="w3-container w3-teal">
    <h1>Certsure Sales Enquiry Form</h1>
    <p>Please enter information below</p>
    </div>
    <div class="w3-container w3-light-gray w3-center">
    <div class="w3-cell-row">
      <div class="w3-container w3-cell w3-third">Schemes</div>
      <div class="w3-container w3-cell w3-third">Training</div>
      <div class="w3-container w3-cell w3-third">Direct</div>
    </div>
    <div class="w3-cell-row">
      <div class="w3-container w3-cell w3-quarter">Name<br/><input type="text" name="Name" class="w3-input w3-border w3-round"></div>
      <div class="w3-container w3-cell w3-quarter">Phone<br/><input type="text" name="Phone" class="w3-input w3-border w3-round"></div>
      <div class="w3-container w3-cell w3-quarter">Email<br/><input type="text" name="Email" class="w3-input w3-border w3-round"></div>
      <div class="w3-container w3-cell w3-quarter">Company Name<br/><input type="text" name="Company Name" class="w3-input w3-border w3-round"></div>
    </div>
    <div class="submit-container">
    <button class="button w3-hover-black" name="Send Enquiry" id="Send Enquiry" onclick="OnClickButtonSendEnquiry">Send enquiry</button>
    </div>
    </div>

    </body>
    </html>

在Chrome和Firefox上呈现完美，但在IE上却很糟糕

0 个答案: