Question

我们正在使用sweetalert，我们正在尝试设置文本框输入的样式，但无法使其正常工作。参见下面的示例，文本框对于移动设备来说很小。我们可以使用以下样式设置其他按钮和类型的样式，但无法使文本框成为样式。

.swal-button {
  padding: 7px 19px;
  border-radius: 5px;
  background-color: #3c97d3;
  font-size: 32px;
  border: 1px solid #3e549a;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
}


function SaveDesign() {

  swal("Name your design:", {
    icon: "info",
    closeOnClickOutside: false,
    className: "maintext",
    title: "Save your Design",
    content: {
      element: "input",
      attributes: {
        placeholder: "Type your save name"
      }
    }

Answer 1

属性：{ 占位符：“输入您的保存名称”， className：“主文本”

我设法通过按上述方法在属性部分添加类名来解决它

sweetalert-输入的CSS

1 个答案: