html - 只读 css 属性不起作用

Question

<form action="javascript:goCalc('calcForm')" id="calcForm" name="calcForm">
  <table align="center" border="0" cellpadding="3" cellspacing="1" width="100%">
    <tbody>
      <tr bgcolor="#bfd5ea">
        <td style="font-size: 30px; color: f00; FONT-WEIGHT: bold; TEXT-ALIGN: center">
          Donation:</td>
        <td style="FONT-WEIGHT: bold; TEXT-ALIGN: center">
          Tax Rate %:</td>
        <td style="FONT-WEIGHT: bold; TEXT-ALIGN: center">
          Net Cost of Donation</td>
        <td style="FONT-WEIGHT: bold; color: 00f; TEXT-ALIGN: center">
          Tax Savings</td>
      </tr>
      <tr bgcolor="#e6eef7">
        <td align="middle" nowrap="nowrap" valign="center">
          $
          <input class="formtext" name="inputIncome" size="12">x</td>
        <td align="middle" bgcolor="#e6eef7" nowrap="nowrap" valign="center">
          <select class="formtext" id="inputPercentage" name="inputPercentage">
            <option selected="selected" value="10">10%</option>
            <option value="15">15%</option>
            <option value="25">25%</option>
            <option value="28">28%</option>
            <option value="33">33%</option>
            <option value="35">35%</option>
            <option value="39.6">39.6%</option>
          </select>=</td>
        <td align="middle" valign="center">
          $ <span style="FONT-WEIGHT: bold; TEXT-ALIGN: center"> <input class="formtext" id="inputCost" name="inputCost" readonly="readonly" size="12"> </span>
        </td>
        <td align="middle" valign="center">
          $
          <input class="formtext" id="inputMoney" name="inputMoney" readonly="readonly" size="12">
        </td>
      </tr>
      <tr align="right">
        <td nowrap="nowrap" valign="center">
          &nbsp;</td>
        <td nowrap="nowrap" valign="center">
          <div align="center">
            <input class="btn" name="Submit" type="submit" value="Calculate">
          </div>
        </td>
        <td nowrap="nowrap" valign="center">
          <div align="center">
            &nbsp;</div>
        </td>
        <td nowrap="nowrap" valign="center">
          &nbsp;</td>
      </tr>
    </tbody>
  </table>
</form>

问题是当用户单击计算选项卡时，它不会按编码显示其他字段...尝试了一切，请帮忙 - (2) 只读行问题 - 在代码的下半部分 - 只需要显示金额属性

Answer 1

您是否尝试过在内联 CSS 上设置 cursor-events 属性？说

        #inputMoney{
            cursor-events: none;
        }

或者您也可以尝试使用 disabled='disabled' 属性，尽管您必须在提交表单之前启用那些禁用的元素