how can I program the text fields in my email forum to have rounded corners

How can I program the text fields in my email forum to have rounded off edges or corners. 

this is the code im using.

// insert code here// insert code here// prepare email field

var email = sym.$("email")

email.html("Enter your Email: ");

inputEmail = $('<input />').attr({'type':'text', 'value':'', 'id':'email'});

inputEmail .css ('font-size', 14);

inputEmail .css ('width', 350);

inputEmail .css ('background-color', '#4e4e4e');

inputEmail .appendTo(email);

// prepare topic field

var topic = sym.$("topic");

topic.html("Topic: ");

inputTopic = $('<input />').attr({'type':'text', 'value':'', 'id':'topic'});

inputTopic .css ('font-size', 14);

inputTopic .css ('width', 350);

inputTopic .css ('background-color', '#4e4e4e');

inputTopic .appendTo(topic);

// prepare message field

var message = sym.$("message");

message.html("Message: ");

inputMessage = $('<textarea />').attr({'type':'textarea','rows':'10', 'cols': '25','value':'', 'id':'message'});

inputMessage .css ('font-family',"Arial,Helvtica,sans-serif");

inputMessage .css ('color',"#ffffff");

inputMessage .css ('font-size', 14);

inputMessage .css ('background-color', '#4e4e4e');

inputMessage .css ('box-shadow', '#4e4e4e');

inputMessage .css ('width', 350);

inputMessage .css ('height', 150);

inputMessage .appendTo(message);

var submitBtn = sym.$("btn");

submitBtn.html("Submit");

submitBtn.css("text-align", "center");

submitBtn.css("font-size",14);

submitBtn.css("font-weight","bold");

submitBtn.css("color","#ffffff");