我的表单样式没有'；t Match-HTML和CSS

我一直在我的网站上工作，使用我可以使用的内置html编辑器，我正在尝试复制此页面上的表单样式：

以下是我目前在JSFIDLE中的工作：

但是我不确定为什么我不能得到确切的样式，包括文本框的高度、宽度和选择/下拉元素。正如你所看到的，图片没有进入文本框，而且我的按钮看起来也不一样

这是我的代码：

<div style="padding: 40px; background-color: rgba(243, 242, 242, 0.611765); border: 3px dashed rgba(0,0,0,0.7);">
   <h1 style="font-size: 32px; text-align: center; font-weight: bold;">FREE BONUS!</h1>
   <h4 style="font-size: 18px; color: rgba(47, 47, 47, 0.6); text-align: center;">Reserve your seat TODAY for this free training, and we will send you our <span style="font-weight: bold;">Amazon's Secret Business Cheatsheet</span> that will get you up and running in NO TIME!</h4>
   <input id="name" style="border-radius: 5px !important; padding: 10px 90px; margin-top: 10px;" name="name" type="text" placeholder="Your Name.." />
   <img src="http://beaminggeek.com/profitbuilder/wp-content/uploads/2017/02/name2.png"/>
   <input id="email" style="border-radius: 5px !important; padding: 10px 90px; margin: 10px;" name="email" type="email" placeholder="Your Email.."/>
   <img src="http://beaminggeek.com/profitbuilder/wp-content/uploads/2017/02/email2.png"/>
   <select style="border-radius: 5px !important; padding: 10px 90px; margin: 10px;">
      <option value="desired">Select Desired Date</option>
      <option value="yesterday">Watch Yesterday's Broadcast Now</option>
      <option value="feb8th">Wednesday, Feb 8th, 2017</option>
      <option value="feb8th">Wednesday, Feb 8th, 2017</option>
   </select>
   <button style="padding: 13px 35px; margin-right: auto; margin-left: auto; color: #fff; font-weight: bold; display: inline-block; -ms-transform: all .2s ease-in-out; -webkit-transform: all .2s ease-in-out; transform: all .2s ease-in-out; text-align: center !important; text-decoration: none !important; background-color: #ea6645;">Register Your Spot Now! * seats are extremely limited *</button>

   <p>* we will not spam, rent or sell your information *</p>
   <p>Your Local Time: 4:18 PM</p>
</div>

免费奖金！
今天就为这项免费培训预订座位，我们将向您发送我们的亚马逊秘密商业备忘单，让您立即投入运营！
选择所需日期
现在看昨天的广播
2017年2月8日，星期三
2017年2月8日，星期三
现在注册你的位置！*座位非常有限*
*我们不会滥发、出租或出售您的信息*

当地时间：下午4:18

我正在尽我最大的努力去复制每一种风格，但它还没有实现。有人帮我查一下我遗漏了什么吗？如果需要，请随意修改我的JSFIDLE。我只想复制它的样式。我已经使用了chromes inspector元素，但代码太多了

---

请提供帮助。

更新和解释

//文本对齐：左；设置文本从输入的左侧开始。
//边框：1px实心rgba（0,0,0,0.2）；使用1px实心设计设置边框，黑色，alpha值为0.2
//盒影：0.3pxRGBA（0,0,0,0.5）；在输入底部设置一个3倍高的阴影，黑色的alpha值为0.5
//背景色：#fff；将输入的背景设置为白色
//边界半径：5px；对输入的各个角落进行圆角处理
//背景位置：96%；将背景设置为输入的96%。（完全正确）
//背景图片：url(https://appassets1.clickfunnels.com/images/name2.png); 设置在URL上找到的图像的背景。
//背景重复：无重复；将背景设置为“不重复”。每个背景都会重复，直到元素结束。我们只需要背景一次。所以我们不想重复。
//外观：无；某些浏览器允许元素显示为自定义。我们不想要它。
//填充：12px 18px；将输入的大小放大一点。否则，文本将击中顶部、左侧和底部。
//字体大小：16px；将文本大小设置为16px。
//宽度：计算（100%-36px）；计算输入的值。整个区域100%-36px用于填充（18px），我们添加到输入的右侧和左侧。

---

你能修改我的JSFIDLE吗？我对你的代码感到困惑。另外，电子邮件的代码在哪里，请选择/下拉菜单和按钮？如何将它们集成到JSFIDLE上？我给你一个提示，我不会做你的工作。在图元上单击鼠标右键，然后检出其样式。它将出现在网站的css中。或者你可以直接在检查员那里找到它。然后，您需要将应用于元素的每个css复制到元素样式标记中。或者，您只需添加自己的stylecheat（styles.css）并将类添加到元素

。但是要注意网站的版权！！我认为这没用。如果你再看一遍上面的文字，他已经读过了，但是他对太多的html和css感到困惑。@JimCarter更新了，并对应用的样式进行了完整的解释。