更改按钮

时间：2016-06-15 05:45:08

标签： html css

enter image description here

1）我想将“提交”按钮边框更改为圆形，如下图所示here

enter image description here 

.submit1 {
    background: #ff7704 none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    color: #fff;
    font-size: 23px;
    font-weight: bold;
    padding: 8px;
    min-width: 140px;
}

5 个答案:

答案 0 :(得分：2)

将.submit1 { background: #ff7704 none repeat scroll 0 0; border: medium none; border-radius:8px; color: #fff; font-size: 23px; font-weight: bold; padding: 8px; min-width: 140px; } 添加到圆形。

//h3[@class="nodeTitle"]/a[@data-description]/text() #To grap text
//h3[@class="nodeTitle"]/a[@data-description]/@href #To grap url

答案 1 :(得分：1)

只需根据需要添加border-radius

＆＃13;
＆＃13; 
 - (void)scheduleNotificationWithItem:(ToDoItem *)item interval:(int)minutesBefore  {
     NSCalendar *calendar = [NSCalendar autoupdatingCurrentCalendar];
     NSDateComponents *dateComps = [[NSDateComponents alloc] init];
     [dateComps setDay:item.day];
     [dateComps setMonth:item.month];
     [dateComps setYear:item.year];
     [dateComps setHour:item.hour];
     [dateComps setMinute:item.minute];
     NSDate *itemDate = [calendar dateFromComponents:dateComps];

     UILocalNotification *localNotif = [[UILocalNotification alloc] init];
     if (localNotif == nil)
         return;
     localNotif.fireDate = [itemDate dateByAddingTimeIntervalInterval:-(minutesBefore*60)];
     localNotif.timeZone = [NSTimeZone defaultTimeZone];

     localNotif.alertBody = [NSString stringWithFormat:NSLocalizedString(@"%@ in %i minutes.", nil),
          item.eventName, minutesBefore];
     localNotif.alertAction = NSLocalizedString(@"View Details", nil);
     localNotif.alertTitle = NSLocalizedString(@"Item Due", nil);

     localNotif.soundName = UILocalNotificationDefaultSoundName;
     localNotif.applicationIconBadgeNumber = 1;

     NSDictionary *infoDict = [NSDictionary dictionaryWithObject:item.eventName forKey:ToDoItemKey];
     localNotif.userInfo = infoDict;

     [[UIApplication sharedApplication] scheduleLocalNotification:localNotif]; 

}
＆＃13; 
.submit1 {
    background: #ff7704 none repeat scroll 0 0;
    border: medium none;
    border-radius: 5px;
    color: #fff;
    font-size: 23px;
    font-weight: bold;
    padding: 8px;
    min-width: 140px;
}
＆＃13;
＆＃13;
＆＃13;

答案 2 :(得分：1)

试试这个

您只想添加border-radius: 50px; 

.submit1 {
    background: #ff7704 none repeat scroll 0 0;
    border: medium none;
    border-radius: 50px;
    color: #fff;
    font-size: 23px;
    font-weight: bold;
    padding: 8px;
    min-width: 140px;
}
<button class="submit1">Submit</button>

答案 3 :(得分：1)

你需要把一个容器div放到你的按钮上，

<div style="border:5px solid gray;background-color:gray;max-width: 140px;">
  <input type="button" class="submit1" value="submit" />
</div>

CSS 

.submit1 {
    background: #ff7704 none repeat scroll 0 0;
    border: medium none;
    border-radius: 10px;
    color: #fff;
    font-size: 23px;
    font-weight: bold;
    padding: 8px;
    min-width: 140px;
}

答案 4 :(得分：1)

像这样使用，并使用正确的图像，我只是从网上放置样本图像

＆＃13;
＆＃13; 
<!DOCTYPE html>
<html>
<style>
.submit1 {
    background-color: #ff7704;
    border: medium none;
    border-radius: 10px;
    color: #fff;
    font-size: 23px;
    font-weight: bold;
    padding: 15px;
	padding-right:70px;
    min-width: 140px;
	background-image:url('http://troncell.com/images/hdsp/ht-icon-1.png');
	background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
}
</style>
<body>
<button class="submit1">Upload Picture</button>
</body>
</html>
＆＃13;
＆＃13;
＆＃13;

相关问题
最新问题