更改宽度css时禁用文本框

Question

我有一个网站，我的网站是link

我创建文本框和按钮，但此文本框和按钮禁用。我没有在文本框和按钮中禁用禁用javascript禁用：（

这是代码的一部分

<section style="margin-left:0%;width:74.3%" class="b-infoblock b-bg-block-mobile b-product-launch">
              <div  class="row b-infoblock--without-border">
                <div style="margin-left:5%">
                  <h1  class="c-white f-primary-b f-title-bigger">Community is in Your Hand</h1>
                  <div class="b-product-info b-shortcode-example">
                    <h3 class="f-primary-l c-white f-title-big b-default-top-indent">now available <br/> for Android</h3>
                    <div>
                        <a style="width:225px;background: rgb(114, 190, 88) none repeat scroll 0% 0%;color:white;float:left" class="b-btn-special f-btn-special c-white" href="apk/Markisha.apk">
                            <i class="fa fa-download b-left"></i>
                            <p><span>Free Forever</span><br/><strong class="f-primary-b f-uppercase">Download Now</strong></p>
                        </a>

                        <div style="background: rgb(114, 190, 88) none repeat scroll 0% 0%;color:white;margin-left:10px" class="b-btn-special f-btn-special c-white"> 
                            <p><strong class="f-primary-b f-uppercase">Send Apps To Email</strong></p>
                                <div>
                                    <form id="form-upload" method="POST">
                                        <input type="text" style="color:black" name="email"> 
                                        <button class="b-btn-special f-btn-special c-white" type="submit">SEND NOW</button>
                                    </form>
                                </div>
                            <center>
                                <font color="green" id="success"></font>
                            </center>
                        </div>
                    </div>
                  </div>
                </div>
              </div>
          </section>

但是当我改变宽度时

<a style="width:225px;background: rgb(114, 190, 88) none repeat scroll 0% 0%;color:white;float:left" class="b-btn-special f-btn-special c-white" href="apk/Markisha.apk">

到

<a style="width:220px;background: rgb(114, 190, 88) none repeat scroll 0% 0%;color:white;float:left" class="b-btn-special f-btn-special c-white" href="apk/Markisha.apk">

我可以输入文字和klik按钮。但是这个按钮改变了这个

帮助我。

Answer 1

类@keyframes imageZoom { 100% { transform: scale(4); } } .article:hover .imageWrapper { animation-play-state: running; } .article { background-color: #e6e6e6; overflow: hidden; width: 300px; height: 300px; } .imageWrapper { background-image: url('http://www.astutegraphics.com/images/blog/tutorials/widthscribe_patterns_18_mar_2013/floral-seamless-pattern.png'); width: 300px; height: 300px; transform-origin: 50% 80%; animation-name: imageZoom; animation-duration: 2s; animation-delay: 0s; animation-iteration-count: 1; animation-direction: both; animation-timing-function: ease-in; animation-fill-mode: forwards; animation-play-state: paused; } 的部分位于输入的顶部。使用下面的css清除它。

b-infoblock