CSS/HTML 사용자 정의 버튼 IFTTT 클릭 이벤트

Question

IFTTT를 사용하여 전자 메일을 보내는 단추를 만들려고합니다. 웹 사이트의 단추를 끄는 클래스를 사용하여 단추를 코딩 했으므로 아무 것도 클릭하지 않습니다.

First name:<br> 
    <input type="text" name="value1"><br> 
    Last name:<br> 
    <input type="text" name="value2"> 
    <div class="button"> 
     <!--Send E-Mail!--> 
     <button name="sendmailbutton" value="send email">Send E-Mail</button> 
    </div> 

.button { 
    background-color: #00FFFF; 
    border: none; 
    color: white; 
    padding: 15px 32px; 
    text-align: center; 
    text-decoration: none; 
    display: inline-block; 
    font-size: 16px; 
    border-radius: 2px; 
    -webkit-transition-duration: 0.4s; 
    transition-duration: 0.4s; 
} 

.button:hover { 
    background-color: #008b8b; 
    color: white; 

Answer 1

문제가 있었다에서 - 적어도 내 문제; <button>이 포함 된 <div> 요소에 대해 HTML/CSS를 작성한 경우 <button>을 가운데로 누르기 만 했으므로 <div>을 클릭 할 수는 있었지만 실제로는 버튼을 집중/활성화하지 않았습니다.

여기를 보시면 (명백한 이유 때문에 키를 제거했습니다);

http://plnkr.co/edit/MV075bPS4Oq0dOKrT2vG?p=preview

CSS;

.my-button-css { 
    background-color: #00FFFF; 
    border: none; 
    color: white; 
    padding: 15px 32px; 
    text-align: center; 
    text-decoration: none; 
    display: inline-block; 
    font-size: 16px; 
    border-radius: 2px; 
    -webkit-transition-duration: 0.4s; 
    transition-duration: 0.4s; 
} 

.my-button-css:hover { 
    background-color: #008b8b; 
    color: white; 
} 

HTML;

<form action="https://maker.ifttt.com/trigger/web_button_pressed/with/key/" method="post"> 
    First name:<br> 
    <input type="text" name="value1"><br> 
    Last name:<br> 
    <input type="text" name="value2"> 
    <!--Send E-Mail!--> 
    <button class="my-button-css" name="sendmailbutton" value="send email">Send E-Mail</button> 
</form>