我只是简单地复制并粘贴了种类在其元素页面中给出的3个代码:
https://stripe.com/docs/elements
超文本标记语言文件中的HTML,
钢性铸铁文件中的css,连接到超文本标记语言
和射流研究…文件中的js,连接到超文本标记语言
结果是令人失望的,根本没有显示什么在他们的"结果"部分。
我只能看到文本:信用卡或借记卡和"提交付款"按钮,完全没有样式,
我遗漏了什么吗?显然是的:P
!声明文档类型
超文本标记语言
head profile=' http://www .w3。org/2005/10/profile '
link rel=' icon ' type=' image/png ' href=' icone。png '/
链接rel='样式表type=' text/CSS ' href=' stripe cs。' CSS '
脚本src=' https://js。条纹。com/v3/'/脚本
脚本src=' stripe js。js '/脚本
/head
身体
表单操作='/charge '方法='post' id='payment-form '
div class='form-row '
='card-element '的标签
信用卡或借记卡
/label
div id='card-element '
/div
!-用于显示元素错误-
div id='卡片-错误'角色='alert'/div
/div
按钮提交付款/按钮
/form
/body
/html
钢性铸铁。StripeElement {
背景色:白色;
padding: 8px 12px
border-radius : 4px
border: 1px固体透明;
box-shadow : 0 1px 3px 0 # e6eb f1;
-web kit-transit : box-shadow 150 ms ease;
transition:箱式阴影150毫秒轻松
}。条状元素-焦点{
box-shadow : 0 1px 3px 0 # cfd7df;
}。条带元素-无效{
边框颜色: # fa 755 a;
}。条纹元素-网络套件-自动填充{
背景-color : # fede 5!重要;
}
射流研究…
//创建条带客户端
var stripe=Stripe('pk_test_xxxxx