输入按钮的光标将无法设置为指针

时间:2014-02-20 22:09:34

标签: html css pointers

我有以下CSS& HTML并且当鼠标悬停在按钮上时光标的类型为text。按钮位于搜索字段的顶部,所以我猜这就是为什么它会恢复为text但是特定于元素的CSS不应该覆盖它并阻止光标恢复到text

  form {
    width: 100%;
    height: 100%;
    margin: 0px; 
  }
  #search-field {
     color: black;
     float: left;
     border: none;
     border-radius: 4px;
     height: 100%;
     width: 100%;
     font-size: 12px;
     padding: 6px;
     padding-right: 47px;
   }

   #search-go {
      border: none;
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px;
      float: left;
      margin-top: 1px;
      margin-left: -39px;
      background-color: rgb(70, 65, 65);
      color: white;
      font-size: 12px;
      padding-top: 5px;
      padding-bottom: 5px;
      padding-left: 10px;
      padding-right: 10px;
      cursor: pointer;
    } 

    <form onsubmit="return false;">
       <input id="search-field" type="text" placeholder="search">
       <input id="search-go" type="submit" value="Go">
    </form>

1 个答案:

答案 0 :(得分:0)

试试这个:

 input[type=file] {
  cursor: pointer; cursor: hand;
}