2

送信ボタンをメールアドレスにリンクしようとしています。しかし、それを機能させることはできないようです。

私が間違っているかもしれないことについて何か提案はありますか?

一次検査では動くように見えますが、サイトにアップロードするたびに機能しません= S

HTMLは次のとおりです。

<a href="mailto:email@email.co"><input type="submit" value="Get In Touch" name="submit" class="submit" id="submit"></a>

以下は CSS です。

body {
font-family: 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif;
padding: 100px;
font-size: 13px;
}

div {
background: #fff;
margin: 0 auto;
width: 200px;
padding: 100px;
text-align: center;
/* border-radius */
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
/* box-shadow */
-webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
-moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
}

input[type="submit"] { 
height: 50px; 
padding: 0 48px; margin: 10px auto 0 auto; 
background: #090a0b; 
border: 0; 
text-transform: uppercase; 
font-family: "Open Sans";
font-size: 24px; 
color: #fff; 
font-weight: 400;
cursor: pointer;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
opacity: 1;
-webkit-appearance: none;
border: solid 1px #fff;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
background: transparent;  
}
4

4 に答える 4

1

この方法を試してください：

html

<a class="button" href="mailto:email@email.co">Get In Touch</a>

CSS

.button {
  font: bold 11px Arial;
  text-decoration: none;
  background-color: #EEEEEE;
  color: #333333;
  padding: 2px 6px 2px 6px;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #CCCCCC;
 }

aタグを使用してCSSを適用するだけです

于 2013-09-05T02:30:38.810 に答える
0

タグを使用し<a>てスタイルを設定するか、<button>(以前の IE では時々 fubar でした)、またはフォームを使用する必要がある場合は、これを行うことができます。

<form action="mailto:user@user.com">
    <input type="submit" name="submit" value="Email">
</form>
于 2013-09-05T02:33:33.280 に答える