don't default black border, only default white background for radioButtons

Author: imjosh

examples/js/acroforms.js

@@ -32,6 +32,7 @@ function addComboBox() {
   comboBox.setOptions(["a", "b", "c"]);
   comboBox.value = "b";
   comboBox.defaultValue = "b";
+  comboBox.borderColor = [0]; // black
   doc.addField(comboBox);
   yPos += margin;
 }
@@ -45,6 +46,7 @@ function addListBox() {
   listbox.Rect = [50, yPos - 5, 30, 10];
   listbox.setOptions(["c", "a", "d", "f", "b", "s"]);
   listbox.value = "s";
+  listbox.borderColor = [0];
   doc.addField(listbox);
   yPos += margin;
 }
@@ -54,6 +56,7 @@ function addCheckBox() {
   var checkBox = new CheckBox();
   checkBox.fieldName = "CheckBox1";
   checkBox.Rect = [50, yPos - 5, 30, 10];
+  checkBox.borderColor = [0];
   doc.addField(checkBox);
   yPos += margin;
 }
@@ -64,6 +67,7 @@ function addPushButton() {
   pushButton.fieldName = "PushButton1";
   pushButton.Rect = [50, yPos - 5, 30, 10];
   pushButton.caption = "OK";
+  pushButton.borderColor = [0];
   doc.addField(pushButton);
   yPos += margin;
 }
@@ -76,6 +80,7 @@ function addTextField() {
   textField.value =
     "The quick brown fox ate the lazy mouse The quick brown fox ate the lazy mouse The quick brown fox ate the lazy mouse";
   textField.fieldName = "TestTextBox";
+  textField.borderColor = [0];
   doc.addField(textField);
   yPos += margin;
 }
@@ -84,6 +89,7 @@ function addPasswordField() {
   doc.text("Password:", 10, yPos);
   var passwordField = new PasswordField();
   passwordField.Rect = [50, yPos - 5, 40, 10];
+  passwordField.borderColor = [0];
   doc.addField(passwordField);
   yPos += margin;
 }
@@ -95,6 +101,7 @@ function addRadioGroups() {
   // First radio group
   var radioGroup = new RadioButton();
   radioGroup.fieldName = "RadioGroup1";
+  radioGroup.borderColor = [0];
   doc.addField(radioGroup);
   yPos -= 5;
 

src/modules/acroform.js

@@ -1693,9 +1693,10 @@ var AcroFormField = function() {
     enumerable: true,
     configurable: false,
     get: function() {
-      _MK.BG = _MK.BG || [1, 1, 1]; // default to white background
-      _MK.BC = _MK.BC || [0, 0, 0]; // default to black border
-
+      if (!Object.keys(_MK).length) {
+        return undefined;
+      }
+      
       var result = [];
       result.push("<<");
       for (let key in _MK) {
@@ -1728,7 +1729,7 @@ var AcroFormField = function() {
    * 4 DeviceCMYK
    * @name borderColor
    * @memberof AcroFormField#
-   * @default [0, 0, 0] black
+   * @default (no color, transparent)
    * @type {array}
    */
   Object.defineProperty(this, "borderColor", {
@@ -1749,7 +1750,7 @@ var AcroFormField = function() {
    * (Optional) An array of numbers in the range 0.0 to 1.0 specifying the color of the widget annotation’s background. The number of array elements determines the color space, as described above for borderColor.
    * @name backgroundColor
    * @memberof AcroFormField#
-   * @default [1, 1, 1] white
+   * @default (no color, transparent)
    * @type {array}
    */
   Object.defineProperty(this, "backgroundColor", {
@@ -2328,6 +2329,7 @@ var AcroFormRadioButton = function() {
   AcroFormButton.call(this);
   this.radio = true;
   this.pushButton = false;
+  this.backgroundColor = [1]; // white
 
   var _Kids = [];
   Object.defineProperty(this, "Kids", {
@@ -3593,7 +3595,6 @@ var AcroFormAppearance = {
       getCA: function() {
         return "8";
       },
-
       YesNormal: function(formObject) {
         var xobj = createFormXObject(formObject);
         xobj.scope = formObject.scope;